Commitae40f8a

authored

chore(site): fix storybook font issue (#14137)

1 parenta3c4586 commitae40f8aCopy full SHA for ae40f8a

File tree

-0

lines changed

-0

lines changed

Lines changed: 9 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -11,6 +11,7 @@ import { QueryClient, QueryClientProvider } from "react-query";`
`11`	`11`	`import{HelmetProvider}from"react-helmet-async";`
`12`	`12`	`importthemesfrom"theme";`
`13`	`13`	`import"theme/globalFonts";`
	`14`	`+importisChromaticfrom"chromatic/isChromatic";`
`14`	`15`
`15`	`16`	`DecoratorHelpers.initializeThemeState(Object.keys(themes),"dark");`
`16`	`17`
`@@ -102,3 +103,11 @@ function withQuery(Story, { parameters }) {`
`102`	`103`	`</QueryClientProvider>`
`103`	`104`	`);`
`104`	`105`	`}`
	`106`	`+`
	`107`	`+// Try to fix storybook rendering fonts inconsistently`
	`108`	`+// https://www.chromatic.com/docs/font-loading/#solution-c-check-fonts-have-loaded-in-a-loader`
	`109`	`+constfontLoader=async()=>({`
	`110`	`+fonts:awaitdocument.fonts.ready,`
	`111`	`+});`
	`112`	`+`
	`113`	`+exportconstloaders=isChromatic()&&document.fonts ?[fontLoader] :[];`

Comments

(0)