From 805065c7790abce954c1c27a0f2d1b65164bafc9 Mon Sep 17 00:00:00 2001
From: Kamil Patecki <paatorek@gmail.com>
Date: Fri, 29 Aug 2025 00:28:30 +0200
Subject: [PATCH] Preload the font

---
 _includes/layouts/base.njk | 2 ++
 css/index.css              | 6 +++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/_includes/layouts/base.njk b/_includes/layouts/base.njk
index 3d9c1bc..d535248 100644
--- a/_includes/layouts/base.njk
+++ b/_includes/layouts/base.njk
@@ -7,6 +7,8 @@
 		<title>{{ title or metadata.title }}</title>
 		<meta name="description" content="{{ description or metadata.description }}">
 		<link rel="alternate" href="/feed/feed.xml" type="application/atom+xml" title="{{ metadata.title }}">
+		
+		<link rel="preload" href="{{ path }}/MisterTwiggsHeavy.woff2" as="font" type="font/woff2" crossorigin>
 
 		{#- Uncomment this if you’d like folks to know that you used Eleventy to build your site!  #}
 		{#- <meta name="generator" content="{{ eleventy.generator }}"> #}
diff --git a/css/index.css b/css/index.css
index ca32e89..2c739ef 100644
--- a/css/index.css
+++ b/css/index.css
@@ -1,9 +1,9 @@
 @font-face{
 	font-family: "Mister Twiggs W01 Heavy";
-	src: url("{{ path }}/MisterTwiggsHeavy.woff2")format("woff2");
+	src: url("{{ path }}/MisterTwiggsHeavy.woff2") format("woff2");
 	font-weight: normal;
 	font-style: normal;
-	font-display: swap;
+	font-display: fallback;
 }
 
 /* Defaults */
@@ -208,7 +208,7 @@ code {
 /* Header */
 header {
 	font-size: 2em;
-	font-family: "Mister Twiggs W01 Heavy";
+	font-family: "Mister Twiggs W01 Heavy", "Impact", "Arial Black", sans-serif;
 	display: flex;
 	gap: 5px;
 	flex-wrap: wrap;