From cc812da748cdcb88ae52f03f26d383f3d480318c Mon Sep 17 00:00:00 2001
From: Dhenain Ambroise <ambroise.dhenain@gmail.com>
Date: Sat, 6 Jun 2020 01:25:17 +0200
Subject: [PATCH] Attempt to preload font correctly

---
 src/components/pageLayouts/Head.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/pageLayouts/Head.tsx b/src/components/pageLayouts/Head.tsx
index fe841b545..2beccaec3 100644
--- 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) => {