Add initial fonts

We're not using Overlock currently, but I think it'll be good on headers
and stuff?

4 files changed, 37 insertions, 2 deletions

diff --git a/ui/styles/app-bar.css b/ui/styles/app-bar.css
index 238e248..eda9bdc 100644
--- a/ui/styles/app-bar.css
+++ b/ui/styles/app-bar.css
@@ -23,6 +23,8 @@
 
 .app-bar > a {
   line-height: var(--app-bar-height);
+  font-family: "Archistico";
+  letter-spacing: 0.25rem;
 }
 
 .app-bar a {
diff --git a/ui/styles/fonts.css b/ui/styles/fonts.css
new file mode 100644
index 0000000..d5d1eef
--- /dev/null
+++ b/ui/styles/fonts.css
@@ -0,0 +1,31 @@
+@font-face {
+  font-family: "Alegreya";
+  src:
+    url("../fonts/AlegreyaSans-Regular.otf") format("opentype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Archistico";
+  src:
+    url("../fonts/Archistico_Simple.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "FiraCode";
+  src:
+    url("../fonts/FiraCode-Regular.otf") format("opentype");
+  font-weight: normal;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Overlock";
+  src:
+    url("../fonts/Overlock-Regular.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index 16333af..5e08279 100644
--- a/ui/styles/messages.css
+++ b/ui/styles/messages.css
@@ -111,6 +111,7 @@
   padding: 0.25rem;
 }
 
-.message-body code {
-  font-family: monospace;
+.message-body code,
+.message-body pre {
+  font-family: "FiraCode";
 }
diff --git a/ui/styles/textarea.css b/ui/styles/textarea.css
index b45a66d..b4d1a93 100644
--- a/ui/styles/textarea.css
+++ b/ui/styles/textarea.css
@@ -14,6 +14,7 @@
   flex-grow: 1;
   background-color: var(--colour-input-bg);
   color: var(--colour-input-text);
+  font-family: "FiraCode";
 }
 
 .create-message button {