From 210e41d98c522ce725abddeb68426466707a20f6 Mon Sep 17 00:00:00 2001 From: BrunoQuaresma Date: Fri, 2 Aug 2024 22:55:34 +0000 Subject: [PATCH 1/2] chore(site): fix storybook font issue --- site/.storybook/preview.jsx | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/site/.storybook/preview.jsx b/site/.storybook/preview.jsx index 47fbb281fbb36..94a46b06b8892 100644 --- a/site/.storybook/preview.jsx +++ b/site/.storybook/preview.jsx @@ -11,6 +11,7 @@ import { QueryClient, QueryClientProvider } from "react-query"; import { HelmetProvider } from "react-helmet-async"; import themes from "theme"; import "theme/globalFonts"; +import isChromatic from "chromatic/isChromatic"; DecoratorHelpers.initializeThemeState(Object.keys(themes), "dark"); @@ -102,3 +103,11 @@ function withQuery(Story, { parameters }) { ); } + +// Try to fix storybook rendering fonts inconsistently +// https://www.chromatic.com/docs/font-loading/#solution-c-check-fonts-have-loaded-in-a-loader +const fontLoader = async () => ({ + fonts: await document.fonts.ready +}); + +export const loaders = isChromatic() && document.fonts ? [fontLoader] : []; From 48078491441edd57c5f07dc82aaf16b0098e8641 Mon Sep 17 00:00:00 2001 From: BrunoQuaresma Date: Fri, 2 Aug 2024 22:59:02 +0000 Subject: [PATCH 2/2] Fix formatting --- site/.storybook/preview.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/site/.storybook/preview.jsx b/site/.storybook/preview.jsx index 94a46b06b8892..6e2f17343e19e 100644 --- a/site/.storybook/preview.jsx +++ b/site/.storybook/preview.jsx @@ -107,7 +107,7 @@ function withQuery(Story, { parameters }) { // Try to fix storybook rendering fonts inconsistently // https://www.chromatic.com/docs/font-loading/#solution-c-check-fonts-have-loaded-in-a-loader const fontLoader = async () => ({ - fonts: await document.fonts.ready + fonts: await document.fonts.ready, }); export const loaders = isChromatic() && document.fonts ? [fontLoader] : [];