Merge pull request #163 from deven-org/feat/font-preload

feat: improve font loading by adding preload links

Author: remmycat

docs/404.html

@@ -9,6 +9,8 @@
     <link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
     <meta name="Description" content="Developer standards and best practices.">
+    <link rel="preload" as="font" href="/assets/fonts/Hey November.woff2" type="font/woff2">
+    <link rel="preload" as="font" href="/assets/fonts/SpaceGrotesk.woff2" type="font/woff2">
     <link rel="stylesheet" href="/assets/css/reset.css">
     <link rel="stylesheet" href="/assets/css/main.css">
     <link rel="stylesheet" href="/assets/css/home.css">

docs/blog/index.html

@@ -9,6 +9,8 @@
     <link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
     <meta name="Description" content="Developer standards and best practices.">
+    <link rel="preload" as="font" href="/assets/fonts/Hey November.woff2" type="font/woff2">
+    <link rel="preload" as="font" href="/assets/fonts/SpaceGrotesk.woff2" type="font/woff2">
     <link rel="stylesheet" href="/assets/css/reset.css">
     <link rel="stylesheet" href="/assets/css/main.css">
     <link rel="stylesheet" href="/assets/css/home.css">

docs/boiler/index.html

@@ -9,6 +9,8 @@
     <link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
     <meta name="Description" content="Developer standards and best practices.">
+    <link rel="preload" as="font" href="/assets/fonts/Hey November.woff2" type="font/woff2">
+    <link rel="preload" as="font" href="/assets/fonts/SpaceGrotesk.woff2" type="font/woff2">
     <link rel="stylesheet" href="/assets/css/reset.css">
     <link rel="stylesheet" href="/assets/css/main.css">
     <link rel="stylesheet" href="/assets/css/home.css">

docs/contributors/index.html

@@ -9,6 +9,8 @@
     <link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
     <meta name="Description" content="Developer standards and best practices.">
+    <link rel="preload" as="font" href="/assets/fonts/Hey November.woff2" type="font/woff2">
+    <link rel="preload" as="font" href="/assets/fonts/SpaceGrotesk.woff2" type="font/woff2">
     <link rel="stylesheet" href="/assets/css/reset.css">
     <link rel="stylesheet" href="/assets/css/main.css">
     <link rel="stylesheet" href="/assets/css/home.css">

docs/documentation-skeleton/index.html

@@ -9,6 +9,8 @@
     <link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
     <meta name="Description" content="Developer standards and best practices.">
+    <link rel="preload" as="font" href="/assets/fonts/Hey November.woff2" type="font/woff2">
+    <link rel="preload" as="font" href="/assets/fonts/SpaceGrotesk.woff2" type="font/woff2">
     <link rel="stylesheet" href="/assets/css/reset.css">
     <link rel="stylesheet" href="/assets/css/main.css">
     <link rel="stylesheet" href="/assets/css/home.css">

docs/imprint/index.html

@@ -9,6 +9,8 @@
     <link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
     <meta name="Description" content="Developer standards and best practices.">
+    <link rel="preload" as="font" href="/assets/fonts/Hey November.woff2" type="font/woff2">
+    <link rel="preload" as="font" href="/assets/fonts/SpaceGrotesk.woff2" type="font/woff2">
     <link rel="stylesheet" href="/assets/css/reset.css">
     <link rel="stylesheet" href="/assets/css/main.css">
     <link rel="stylesheet" href="/assets/css/home.css">

docs/index.html

@@ -9,6 +9,8 @@
     <link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
     <meta name="Description" content="Developer standards and best practices.">
+    <link rel="preload" as="font" href="/assets/fonts/Hey November.woff2" type="font/woff2">
+    <link rel="preload" as="font" href="/assets/fonts/SpaceGrotesk.woff2" type="font/woff2">
     <link rel="stylesheet" href="/assets/css/reset.css">
     <link rel="stylesheet" href="/assets/css/main.css">
     <link rel="stylesheet" href="/assets/css/home.css">

docs/posts/20170110-what-is-web-compatibility/index.html

@@ -9,6 +9,8 @@
     <link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
     <meta name="Description" content="What is web compabitility exactly">
+    <link rel="preload" as="font" href="/assets/fonts/Hey November.woff2" type="font/woff2">
+    <link rel="preload" as="font" href="/assets/fonts/SpaceGrotesk.woff2" type="font/woff2">
     <link rel="stylesheet" href="/assets/css/reset.css">
     <link rel="stylesheet" href="/assets/css/main.css">
     <link rel="stylesheet" href="/assets/css/home.css">

docs/posts/20170116-why-do-we-need-web-compatibility/index.html

@@ -9,6 +9,8 @@
     <link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
     <meta name="Description" content="Why do we need standards for a healthy web">
+    <link rel="preload" as="font" href="/assets/fonts/Hey November.woff2" type="font/woff2">
+    <link rel="preload" as="font" href="/assets/fonts/SpaceGrotesk.woff2" type="font/woff2">
     <link rel="stylesheet" href="/assets/css/reset.css">
     <link rel="stylesheet" href="/assets/css/main.css">
     <link rel="stylesheet" href="/assets/css/home.css">

docs/posts/20170404-key-to-productivity/index.html

@@ -9,6 +9,8 @@
     <link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
     <meta name="Description" content="How to survive a busy life">
+    <link rel="preload" as="font" href="/assets/fonts/Hey November.woff2" type="font/woff2">
+    <link rel="preload" as="font" href="/assets/fonts/SpaceGrotesk.woff2" type="font/woff2">
     <link rel="stylesheet" href="/assets/css/reset.css">
     <link rel="stylesheet" href="/assets/css/main.css">
     <link rel="stylesheet" href="/assets/css/home.css">

docs/telemetry/index.html

@@ -9,6 +9,8 @@
     <link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
     <meta name="Description" content="Developer standards and best practices.">
+    <link rel="preload" as="font" href="/assets/fonts/Hey November.woff2" type="font/woff2">
+    <link rel="preload" as="font" href="/assets/fonts/SpaceGrotesk.woff2" type="font/woff2">
     <link rel="stylesheet" href="/assets/css/reset.css">
     <link rel="stylesheet" href="/assets/css/main.css">
     <link rel="stylesheet" href="/assets/css/home.css">

src/_includes/layouts/base.njk

@@ -14,6 +14,8 @@
     <link rel="icon" href="/assets/favicon/favicon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/assets/favicon/apple-touch-icon.png">
     <meta name="Description" content="{{ renderData.description or description or metadata.description }}">
+    <link rel="preload" as="font" href="/assets/fonts/Hey November.woff2" type="font/woff2">
+    <link rel="preload" as="font" href="/assets/fonts/SpaceGrotesk.woff2" type="font/woff2">
     <link rel="stylesheet" href="/assets/css/reset.css">
     <link rel="stylesheet" href="/assets/css/main.css">
     <link rel="stylesheet" href="/assets/css/home.css">