From 3f5a06840c8d0efe0ebeab51a364087fd0af73c5 Mon Sep 17 00:00:00 2001
From: Eva Decker <itsevadecker@gmail.com>
Date: Wed, 22 Nov 2023 20:45:37 -0500
Subject: [PATCH 1/3] Intelligently size fallback fonts

---
 src/lib/styles/theme.css | 27 +++++++++++++++++++++++++--
 svelte.config.js         |  1 +
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/src/lib/styles/theme.css b/src/lib/styles/theme.css
index e32d940..8d2feea 100644
--- a/src/lib/styles/theme.css
+++ b/src/lib/styles/theme.css
@@ -48,10 +48,33 @@
     url('/fonts/LabilGrotesk-Bold.woff') format('woff');
 }
 
+/* Font fallbacks */
+/* Manually sized via https://screenspan.net/fallback */
+@font-face {
+  font-family: 'Labil Grotesk fallback';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Arial');
+  size-adjust: 101%;
+  ascent-override: 102%;
+  descent-override: 23%;
+  line-gap-override: normal;
+}
+
+@font-face {
+  font-family: 'Labil Grotesk fallback';
+  font-style: normal;
+  font-weight: 700;
+  src: local('Arial Black');
+  size-adjust: 82%;
+  ascent-override: 124%;
+  descent-override: 34%;
+  line-gap-override: normal;
+}
+
 :root {
   /* Font families */
-  --font-sans: 'Labil Grotesk', system-ui, -apple-system, 'Segoe UI', roboto, 'Helvetica Neue',
-    sans-serif, serif;
+  --font-sans: 'Labil Grotesk', 'Labil Grotesk fallback', system-ui, sans-serif;
 
   --font-stable: 'salt' off;
   --font-unstable: 'salt' 1, 'ss01' 1, 'ss02' 1, 'ss03' 1, 'ss04' 1;
diff --git a/svelte.config.js b/svelte.config.js
index 8a3bec5..d86e2fe 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -27,4 +27,5 @@ const config = {
     })
   }
 };
+
 export default config;

From e11730345a0faf18ed79a22cb824ba716aff6400 Mon Sep 17 00:00:00 2001
From: Eva Decker <itsevadecker@gmail.com>
Date: Wed, 22 Nov 2023 20:49:03 -0500
Subject: [PATCH 2/3] Use bold instead of Arial Black

---
 src/lib/styles/theme.css | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/lib/styles/theme.css b/src/lib/styles/theme.css
index 8d2feea..8405747 100644
--- a/src/lib/styles/theme.css
+++ b/src/lib/styles/theme.css
@@ -65,10 +65,9 @@
   font-family: 'Labil Grotesk fallback';
   font-style: normal;
   font-weight: 700;
-  src: local('Arial Black');
-  size-adjust: 82%;
-  ascent-override: 124%;
-  descent-override: 34%;
+  src: local('Arial');
+  ascent-override: 102%;
+  descent-override: 23%;
   line-gap-override: normal;
 }
 

From 2d26d6b2f5709e63011ec3cd3492641f6eddbaf3 Mon Sep 17 00:00:00 2001
From: Eva Decker <itsevadecker@gmail.com>
Date: Wed, 22 Nov 2023 20:52:01 -0500
Subject: [PATCH 3/3] Arial Bold

---
 src/lib/styles/theme.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/styles/theme.css b/src/lib/styles/theme.css
index 8405747..3445298 100644
--- a/src/lib/styles/theme.css
+++ b/src/lib/styles/theme.css
@@ -64,8 +64,8 @@
 @font-face {
   font-family: 'Labil Grotesk fallback';
   font-style: normal;
-  font-weight: 700;
-  src: local('Arial');
+  font-weight: bold;
+  src: local('Arial Bold');
   ascent-override: 102%;
   descent-override: 23%;
   line-gap-override: normal;