Google-optimized but self-hosted variable web font

hchiam · Apr 8, 2022 · 7fe8cb9 · 7fe8cb9
1 parent e38db2d
commit 7fe8cb9
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/public/fonts/Inter-variable_Google-optimized.woff2 b/public/fonts/Inter-variable_Google-optimized.woff2
diff --git a/public/index.html b/public/index.html
@@ -9,12 +9,18 @@
     />
     <title>Unsprinkle</title>
     <style>
+      /* self-hosted version of Google-optimized web font: */
       @font-face {
         font-family: 'Inter';
         font-style: normal;
-        font-weight: 300 900;
-        font-display: swap;
-        src: url(/fonts/Inter-variable.woff2) format('woff2');
+        font-weight: 300 900; /* between 300 and 900 inclusive */
+        font-display: fallback;
+
+        /* 228 kB: (disable cache in Chrome in Network tab, filtered for fonts) */
+        /* src: url(/fonts/Inter-variable.woff2) format('woff2'); */
+
+        /* 38.1 kB: (disable cache in Chrome in Network tab, filtered for fonts) */
+        src: url(/fonts/Inter-variable_Google-optimized.woff2) format('woff2');
       }
     </style>
   </head>