Attempt to preload font correctly

UnlyEd · Jun 5, 2020 · cc812da · cc812da
1 parent e19a3d8
commit cc812da
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/pageLayouts/Head.tsx b/src/components/pageLayouts/Head.tsx
@@ -67,7 +67,11 @@ const Head: React.FunctionComponent<HeadProps> = (props): JSX.Element => {
 
       {/* Perf optimisation (preload normal and bold fonts because they're the most used) - See https://web.dev/uses-rel-preload*/}
       {/* TODO See if it's actually a good thing, seems to conflict with WebFontLoader - See https://github.com/GoogleChrome/lighthouse/issues/10892 */}
-      <link rel="preload" as="font" href={'/static/fonts/NeuzeitGrotesk/font.css'} />
+      <link rel="preload" as="style" href={'/static/fonts/NeuzeitGrotesk/font.css'} />
+      <link rel="preload" as="font" href={'/static/fonts/NeuzeitGrotesk/NeuzeitGrotesk-bold.woff'} type="font/woff" crossOrigin="anonymous" />
+      <link rel="preload" as="font" href={'/static/fonts/NeuzeitGrotesk/NeuzeitGrotesk-bold.woff2'} type="font/woff2" crossOrigin="anonymous" />
+      <link rel="preload" as="font" href={'/static/fonts/NeuzeitGrotesk/NeuzeitGrotesk-black.woff'} type="font/woff" crossOrigin="anonymous" />
+      <link rel="preload" as="font" href={'/static/fonts/NeuzeitGrotesk/NeuzeitGrotesk-black.woff2'} type="font/woff2" crossOrigin="anonymous" />
 
       {
         SUPPORTED_LOCALES.map((supportedLocale: I18nLocale) => {