Add favicon, and improve font handling

1 files changed, 19 insertions, 2 deletions

diff --git a/static/css/style.css b/static/css/style.css
index 6b95e9c..7bbb584 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -34,6 +34,23 @@
   font-display: swap;
 }
 
+/* Fallback Fonts */
+@font-face {
+  font-family: 'Fallback Display';
+  src: local('Times New Roman');
+  font-weight: 400 700;
+  size-adjust: 95%;
+}
+
+@font-face {
+  font-family: 'Fallback Body';
+  src: local('Times New Roman');
+  font-weight: 300;
+  size-adjust: 119.2%;
+  ascent-override: 80%;
+}
+
+
 /* Theme */
 :root {
   --primary-color: #0000f5;
@@ -41,8 +58,8 @@
   --foreground: #000019;
   --foreground-emphasis: #191919;
   --selection-color: #ccc;
-  --font-display: 'Libre Caslon Condensed', 'Times New Roman', Georgia, serif;
-  --font-body: 'Libre Caslon', 'Times New Roman', Georgia, serif;
+  --font-display: 'Libre Caslon Condensed', 'Fallback Display', serif;
+  --font-body: 'Libre Caslon', 'Fallback Body', serif;
   --font-windows: 'Helvetica Neue', Helvetica, Arial, sans-serif;
   /* There's an issue with Helvetica Neue Bold's glyph sizing that wrecks the grid. */
   --font-windows-bold: Helvetica, Arial, sans-serif;