From d7b1a995b7da423531933888cde04ae6d807298b Mon Sep 17 00:00:00 2001
From: Owen Jacobson <owen@grimoire.ca>
Date: Fri, 21 Feb 2025 16:13:30 -0500
Subject: Provide fallback generic fonts for our custom fonts

---
 ui/app.css             | 2 +-
 ui/styles/app-bar.css  | 2 +-
 ui/styles/forms.css    | 4 ++--
 ui/styles/messages.css | 2 +-
 ui/styles/textarea.css | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/ui/app.css b/ui/app.css
index e7da4d8..646c418 100644
--- a/ui/app.css
+++ b/ui/app.css
@@ -14,7 +14,7 @@
 body {
   background-color: var(--colour-active-channel-bg);
   color: var(--dark-text);
-  font-family: 'Roboto';
+  font-family: 'Roboto', sans-serif;
 }
 
 hr {
diff --git a/ui/styles/app-bar.css b/ui/styles/app-bar.css
index 17620ba..0d0a311 100644
--- a/ui/styles/app-bar.css
+++ b/ui/styles/app-bar.css
@@ -28,7 +28,7 @@
 
 .app-bar > a {
   line-height: var(--app-bar-height);
-  font-family: 'Archistico';
+  font-family: 'Archistico', serif;
   letter-spacing: 0.25rem;
 }
 
diff --git a/ui/styles/forms.css b/ui/styles/forms.css
index 88a6c41..eb98743 100644
--- a/ui/styles/forms.css
+++ b/ui/styles/forms.css
@@ -5,7 +5,7 @@ label {
 }
 
 label input {
-  font-family: 'Overlock';
+  font-family: 'Overlock', cursive;
   display: block;
   width: 90%;
   padding: 0.25rem;
@@ -14,7 +14,7 @@ label input {
 }
 
 form.form > button {
-  font-family: 'Overlock';
+  font-family: 'Overlock', cursive;
   background-color: var(--colour-input-bg);
   color: var(--colour-input-text);
   padding: 0.25rem;
diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index 7d0b870..4890f2c 100644
--- a/ui/styles/messages.css
+++ b/ui/styles/messages.css
@@ -118,5 +118,5 @@
 
 .message-body code,
 .message-body pre {
-  font-family: 'FiraCode';
+  font-family: 'FiraCode', monospace;
 }
diff --git a/ui/styles/textarea.css b/ui/styles/textarea.css
index d9be0d6..4b8602c 100644
--- a/ui/styles/textarea.css
+++ b/ui/styles/textarea.css
@@ -18,7 +18,7 @@
   flex-grow: 1;
   background-color: var(--colour-input-bg);
   color: var(--colour-input-text);
-  font-family: 'FiraCode';
+  font-family: 'FiraCode', monospace;
 }
 
 .create-message button {
-- 
cgit v1.2.3