Provide fallback generic fonts for our custom fonts

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 {