fix(fonts): font-display in non-font-variation-settings conditioned css

moodysalem · moodysalem · commit 10ef04510afa · 2020-07-31T12:12:42.000-05:00
diff --git a/src/theme/index.tsx b/src/theme/index.tsx
@@ -172,11 +172,11 @@ export const FixedGlobalStyle = createGlobalStyle`
 html, input, textarea, button {
   font-family: 'Inter', sans-serif;
   letter-spacing: -0.018em;
+  font-display: fallback;
 }
 @supports (font-variation-settings: normal) {
   html, input, textarea, button {
     font-family: 'Inter var', sans-serif;
-    font-display: fallback;
   }
 }
 

Original file line number	Diff line number	Diff line change
@@ -172,11 +172,11 @@ export const FixedGlobalStyle = createGlobalStyle`
`172`	`172`	`html, input, textarea, button {`
`173`	`173`	`font-family: 'Inter', sans-serif;`
`174`	`174`	`letter-spacing: -0.018em;`
	`175`	`+ font-display: fallback;`
`175`	`176`	`}`
`176`	`177`	`@supports (font-variation-settings: normal) {`
`177`	`178`	`html, input, textarea, button {`
`178`	`179`	`font-family: 'Inter var', sans-serif;`
`179`		`- font-display: fallback;`
`180`	`180`	`}`
`181`	`181`	`}`
`182`	`182`