From e6c7daeb2608c081b4a03c0a949c5c2199e1df6f Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 22 Sep 2026 07:35:16 +0000
Subject: [PATCH 1/3] Improve font fallback stacks for Chrome webfont failures

Co-authored-by: benfoxall <51385+benfoxall@users.noreply.github.com>
---
 _sass/_style.scss | 28 ++++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/_sass/_style.scss b/_sass/_style.scss
index b683c0b..61d2cd5 100644
--- a/_sass/_style.scss
+++ b/_sass/_style.scss
@@ -28,7 +28,7 @@
 }
 
 body {
-	font-family: "Inter", monospace;
+	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 	background: var(--background);
 	color: var(--foreground);
 }
@@ -43,37 +43,37 @@ a {
 	color: var(--link);
 }
 h1 {
-	font-family: "Space Mono", serif;
+	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 	padding-top: 0.5em;
 	font-weight: 400;
 	text-decoration: underline;
 }
 h2 {
-	font-family: "Space Mono", serif;
+	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 	padding-top: 0.5em;
 	font-weight: 400;
 	text-decoration: underline;
 }
 h3 {
-	font-family: "Space Mono", serif;
+	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 	padding-top: 0.5em;
 	font-weight: 400;
 	text-decoration: underline;
 }
 h4 {
-	font-family: "Space Mono", serif;
+	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 	padding-top: 0.5em;
 	font-weight: 400;
 	text-decoration: underline;
 }
 h5 {
-	font-family: "Space Mono", serif;
+	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 	padding-top: 0.5em;
 	font-weight: 400;
 	text-decoration: underline;
 }
 h6 {
-	font-family: "Space Mono", serif;
+	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 	padding-top: 0.5em;
 	font-weight: 400;
 	text-decoration: underline;
@@ -162,7 +162,7 @@ ol {
 	margin: 3em auto;
 	display: flex;
 	flex-wrap: wrap;
-	font-family: "Space Mono", serif;
+	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 
 	a {
 		margin-right: 1em;
@@ -207,7 +207,7 @@ ol {
 		color: var(--link);
 		cursor: pointer;
 		font-size: 1.5em;
-		font-family: "Space Mono", serif;
+		font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 
 		&:hover {
 			background: var(--background-light);
@@ -226,7 +226,7 @@ ol {
 	display: block;
 	margin: 0;
 	font-size: 1.5rem;
-	font-family: "Space Mono", serif;
+	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
 .🐙 {
 	text-align: right;
@@ -248,7 +248,7 @@ ol {
 	grid-template-columns: repeat(2, 1fr);
 	list-style: none;
 	gap: 0.5em;
-	font-family: "Space Mono", serif;
+	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 	padding: 0;
 
 	li {
@@ -294,7 +294,7 @@ ol {
 .🖱️ {
 	font-size: 1.5em;
 	display: block;
-	font-family: "Space Mono", serif;
+	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 
 	a {
 		display: flex;
@@ -318,7 +318,7 @@ ol {
 	padding-top: 1em;
 	margin-top: 3em;
 	padding: 0;
-	font-family: "Space Mono", serif;
+	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 
 	li {
 		list-style: none;
@@ -329,7 +329,7 @@ ol {
 	text-align: center;
 	margin-top: 3em;
 	font-size: 1.5rem;
-  font-family: "Space Mono", serif;
+  font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 
 	* {
     font-family: inherit;

From e8b99f7f05bb18a13357a655ca749942c2327045 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 22 Sep 2026 07:40:45 +0000
Subject: [PATCH 2/3] Switch webfont CSS to Google Fonts and restore intended
 font config

Co-authored-by: benfoxall <51385+benfoxall@users.noreply.github.com>
---
 _layouts/default.html |  4 ++--
 _sass/_style.scss     | 28 ++++++++++++++--------------
 2 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index 7f5ed97..77c279d 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -5,9 +5,9 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta name="referrer" content="strict-origin-when-cross-origin">
-  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://platform.twitter.com; style-src 'self' https://fonts.bunny.net; font-src https://fonts.bunny.net; img-src 'self' data: https://pbs.twimg.com https://abs.twimg.com; frame-src https://open.spotify.com https://platform.twitter.com; connect-src 'self' https://syndication.twitter.com; object-src 'none'; base-uri 'self'; form-action 'self'">
+  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://platform.twitter.com; style-src 'self' https://fonts.googleapis.com https://fonts.bunny.net; font-src https://fonts.gstatic.com https://fonts.bunny.net; img-src 'self' data: https://pbs.twimg.com https://abs.twimg.com; frame-src https://open.spotify.com https://platform.twitter.com; connect-src 'self' https://syndication.twitter.com; object-src 'none'; base-uri 'self'; form-action 'self'">
 
-  <link href="https://fonts.bunny.net/css2?family=Inter:wght@400;600&family=Space+Mono:wght@400&display=swap"
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Space+Mono:wght@400&display=swap"
     rel="stylesheet">
   <link rel="stylesheet" href="/assets/style.css">
 
diff --git a/_sass/_style.scss b/_sass/_style.scss
index 61d2cd5..b683c0b 100644
--- a/_sass/_style.scss
+++ b/_sass/_style.scss
@@ -28,7 +28,7 @@
 }
 
 body {
-	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+	font-family: "Inter", monospace;
 	background: var(--background);
 	color: var(--foreground);
 }
@@ -43,37 +43,37 @@ a {
 	color: var(--link);
 }
 h1 {
-	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+	font-family: "Space Mono", serif;
 	padding-top: 0.5em;
 	font-weight: 400;
 	text-decoration: underline;
 }
 h2 {
-	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+	font-family: "Space Mono", serif;
 	padding-top: 0.5em;
 	font-weight: 400;
 	text-decoration: underline;
 }
 h3 {
-	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+	font-family: "Space Mono", serif;
 	padding-top: 0.5em;
 	font-weight: 400;
 	text-decoration: underline;
 }
 h4 {
-	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+	font-family: "Space Mono", serif;
 	padding-top: 0.5em;
 	font-weight: 400;
 	text-decoration: underline;
 }
 h5 {
-	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+	font-family: "Space Mono", serif;
 	padding-top: 0.5em;
 	font-weight: 400;
 	text-decoration: underline;
 }
 h6 {
-	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+	font-family: "Space Mono", serif;
 	padding-top: 0.5em;
 	font-weight: 400;
 	text-decoration: underline;
@@ -162,7 +162,7 @@ ol {
 	margin: 3em auto;
 	display: flex;
 	flex-wrap: wrap;
-	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+	font-family: "Space Mono", serif;
 
 	a {
 		margin-right: 1em;
@@ -207,7 +207,7 @@ ol {
 		color: var(--link);
 		cursor: pointer;
 		font-size: 1.5em;
-		font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+		font-family: "Space Mono", serif;
 
 		&:hover {
 			background: var(--background-light);
@@ -226,7 +226,7 @@ ol {
 	display: block;
 	margin: 0;
 	font-size: 1.5rem;
-	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+	font-family: "Space Mono", serif;
 }
 .🐙 {
 	text-align: right;
@@ -248,7 +248,7 @@ ol {
 	grid-template-columns: repeat(2, 1fr);
 	list-style: none;
 	gap: 0.5em;
-	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+	font-family: "Space Mono", serif;
 	padding: 0;
 
 	li {
@@ -294,7 +294,7 @@ ol {
 .🖱️ {
 	font-size: 1.5em;
 	display: block;
-	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+	font-family: "Space Mono", serif;
 
 	a {
 		display: flex;
@@ -318,7 +318,7 @@ ol {
 	padding-top: 1em;
 	margin-top: 3em;
 	padding: 0;
-	font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+	font-family: "Space Mono", serif;
 
 	li {
 		list-style: none;
@@ -329,7 +329,7 @@ ol {
 	text-align: center;
 	margin-top: 3em;
 	font-size: 1.5rem;
-  font-family: "Space Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-family: "Space Mono", serif;
 
 	* {
     font-family: inherit;

From 600fd937a35655422cc550df39db3b72a78110bd Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 22 Sep 2026 07:48:38 +0000
Subject: [PATCH 3/3] Use separate Bunny font imports for Inter and Space Mono

Co-authored-by: benfoxall <51385+benfoxall@users.noreply.github.com>
---
 _layouts/default.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/_layouts/default.html b/_layouts/default.html
index 77c279d..3408c35 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -5,9 +5,11 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
   <meta name="referrer" content="strict-origin-when-cross-origin">
-  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://platform.twitter.com; style-src 'self' https://fonts.googleapis.com https://fonts.bunny.net; font-src https://fonts.gstatic.com https://fonts.bunny.net; img-src 'self' data: https://pbs.twimg.com https://abs.twimg.com; frame-src https://open.spotify.com https://platform.twitter.com; connect-src 'self' https://syndication.twitter.com; object-src 'none'; base-uri 'self'; form-action 'self'">
+  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' https://platform.twitter.com; style-src 'self' https://fonts.bunny.net; font-src https://fonts.bunny.net; img-src 'self' data: https://pbs.twimg.com https://abs.twimg.com; frame-src https://open.spotify.com https://platform.twitter.com; connect-src 'self' https://syndication.twitter.com; object-src 'none'; base-uri 'self'; form-action 'self'">
 
-  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Space+Mono:wght@400&display=swap"
+  <link href="https://fonts.bunny.net/css2?family=Inter:wght@400;600&display=swap"
+    rel="stylesheet">
+  <link href="https://fonts.bunny.net/css2?family=Space+Mono:wght@400&display=swap"
     rel="stylesheet">
   <link rel="stylesheet" href="/assets/style.css">