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;