fix: preloading fonts (#55)

warnyul · web-flow · commit 80f318e63faf · 2024-11-28T22:40:49.000+01:00
diff --git a/src/views/404.ejs b/src/views/404.ejs
@@ -4,8 +4,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
     <title>404 - Page not found - Oops!</title>
-    <link rel="preload" href="../assets/fonts/Poppins-Regular-latin-ext.woff2" as="font" />
-    <link rel="preload" href="../assets/images/confused-robot.png?as=webp" as="image" />
+    <link rel="preload" href="../assets/fonts/Poppins-Regular-latin.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
+    <link rel="preload" href="../assets/images/confused-robot.png?as=webp" as="image" type="image/webp" />
 </head>
 <body>
     <div class="error-container">
diff --git a/src/views/index.ejs b/src/views/index.ejs
@@ -16,11 +16,11 @@
     <meta property="og:image:width" content="1366" />
     <meta property="og:image:height" content="1269" />
     <link rel="canonical" href="<%- baseUrl %>" />
-    <link rel="preload" href="../assets/images/profile100w100h.png?as=webp" as="image" />
-    <link rel="preload" href="../assets/fonts/Poppins-Bold-latin-ext.woff2" as="font" />
-    <link rel="preload" href="../assets/fonts/Poppins-Regular-latin-ext.woff2" as="font" />
-    <link rel="preload" href="../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff2" as="font" />
-    <link rel="preload" href="../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff2" as="font" />
+    <link rel="preload" href="../assets/images/profile100w100h.png?as=webp" as="image" type="image/webp" />
+    <link rel="preload" href="../assets/fonts/Poppins-Bold-latin-ext.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
+    <link rel="preload" href="../assets/fonts/Poppins-Regular-latin-ext.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
+    <link rel="preload" href="../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
+    <link rel="preload" href="../../node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin="anonymous" />
     <script type="application/ld+json">
         {
           "@context": "https://schema.org",
