Parcels-code
diff --git a/‎public/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf‎
567 KB b/‎public/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf‎
567 KB
diff --git a/‎public/fonts/OpenSans-VariableFont_wdth,wght.ttf‎
517 KB b/‎public/fonts/OpenSans-VariableFont_wdth,wght.ttf‎
517 KB
diff --git a/‎src/components/layout.js‎
Lines changed: 17 additions & 0 deletions b/‎src/components/layout.js‎
Lines changed: 17 additions & 0 deletions
diff --git a/‎src/theme.js‎
Lines changed: 2 additions & 2 deletions b/‎src/theme.js‎
Lines changed: 2 additions & 2 deletions
@@ -42,6 +42,23 @@ export const Layout = ({
   return (
     <>
       <Head>
+        {/* Open Sans font-face for global usage */}
+        <style>{`
+          @font-face {
+            font-family: 'Open Sans';
+            src: url('/fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
+            font-weight: 1 1000;
+            font-style: normal;
+            font-display: swap;
+          }
+          @font-face {
+            font-family: 'Open Sans';
+            src: url('/fonts/OpenSans-Italic-VariableFont_wdth,wght.ttf') format('truetype');
+            font-weight: 1 1000;
+            font-style: italic;
+            font-display: swap;
+          }
+        `}</style>
         <meta content='IE=edge' httpEquiv='X-UA-Compatible' />
         <meta content='width=device-width, initial-scale=1' name='viewport' />
         <meta property='og:title' content={title} />
 
@@ -9,8 +9,8 @@ const config = {
 }
 
 const fonts = {
-  body: "'Inter Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
-  heading: "'Inter Variable', 'Work Sans', system-ui, sans-serif",
+  body: "'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
+  heading: "'Open Sans', 'Work Sans', system-ui, sans-serif",
 }
 
 export const customTheme = extendTheme(
Original file line number	Diff line number	Diff line change
`@@ -9,8 +9,8 @@ const config = {`
`9`	`9`	`}`
`10`	`10`
`11`	`11`	`const fonts = {`
`12`		`- body: "'Inter Variable', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",`
`13`		`- heading: "'Inter Variable', 'Work Sans', system-ui, sans-serif",`
	`12`	`+ body: "'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",`
	`13`	`+ heading: "'Open Sans', 'Work Sans', system-ui, sans-serif",`
`14`	`14`	`}`
`15`	`15`
`16`	`16`	`export const customTheme = extendTheme(`