Add preloading of fonts

Author: jonamil

index.html

@@ -15,6 +15,41 @@
       content="yes"
     />
     <meta name="theme-color" />
+    <link
+      rel="preload"
+      as="font"
+      href="/fonts/SourceSans3VF-Upright.woff2"
+      type="font/woff2"
+      crossorigin="anonymous"
+    />
+    <link
+      rel="preload"
+      as="font"
+      href="/fonts/SourceSans3VF-Italic.woff2"
+      type="font/woff2"
+      crossorigin="anonymous"
+    />
+    <link
+      rel="preload"
+      as="font"
+      href="/fonts/SourceCodeVF-Upright.woff2"
+      type="font/woff2"
+      crossorigin="anonymous"
+    />
+    <link
+      rel="preload"
+      as="font"
+      href="/fonts/NiceVAR.woff2"
+      type="font/woff2"
+      crossorigin="anonymous"
+    />
+    <link
+      rel="preload"
+      as="font"
+      href="/fonts/NiceVAR-Italic.woff2"
+      type="font/woff2"
+      crossorigin="anonymous"
+    />
     <link
       rel="manifest"
       href="/app.webmanifest"

src/assets/fonts/NiceVAR-Italic.woff2 renamed to public/fonts/NiceVAR-Italic.woff2

@@ -1,38 +1,38 @@
 @font-face {
   font-family: 'Source Sans 3 Var';
-  src: url(fonts/SourceSans3VF-Upright.otf.woff2);
+  src: url(/fonts/SourceSans3VF-Upright.woff2);
   font-display: block;
   font-weight: 100 900;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Source Sans 3 Var';
-  src: url(fonts/SourceSans3VF-Italic.otf.woff2);
+  src: url(/fonts/SourceSans3VF-Italic.woff2);
   font-display: block;
   font-weight: 100 900;
   font-style: italic;
 }
 
 @font-face {
   font-family: 'Source Code Var';
-  src: url(fonts/SourceCodeVF-Upright.otf.woff2);
+  src: url(/fonts/SourceCodeVF-Upright.woff2);
   font-display: block;
   font-weight: 100 900;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Nice Var';
-  src: url(fonts/NiceVAR.woff2);
+  src: url(/fonts/NiceVAR.woff2);
   font-display: block;
   font-weight: 100 900;
   font-style: normal;
 }
 
 @font-face {
   font-family: 'Nice Var';
-  src: url(fonts/NiceVAR-Italic.woff2);
+  src: url(/fonts/NiceVAR-Italic.woff2);
   font-display: block;
   font-weight: 100 900;
   font-style: italic;