properly do fonts...?

style.css

@@ -11,7 +11,51 @@
 
 html {
     background: var(--page-bg);
-    font-family: JetBrainsMono Nerd Font;
+    font-family: 'JetBrains Mono', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+}
+
+/* -- normal -- */
+@font-face {
+    font-family: "JetBrains Mono";
+    src:
+        local("JetBrains Mono"),
+        local("JetBrainsMono Nerd Font"),
+        url("/assets/jetbrainsmono/fonts/ttf/JetBrainsMono-Regular.ttf") format("opentype"),
+        url("/assets/jetbrainsmono/fonts/webfonts/JetBrainsMono-Regular.woff2") format("woff2");
+    font-style: normal;
+}
+
+/* -- bold -- */
+@font-face {
+    font-family: "JetBrains Mono";
+    src:
+        local("JetBrains Mono"),
+        local("JetBrainsMono Nerd Font"),
+        url("/assets/jetbrainsmono/fonts/ttf/JetBrainsMono-Bold.ttf") format("opentype"),
+        url("/assets/jetbrainsmono/fonts/webfonts/JetBrainsMono-Bold.woff2") format("woff");
+    font-style: bold;
+}
+
+/* -- italic -- */
+@font-face {
+    font-family: "JetBrains Mono";
+    src:
+        local("JetBrains Mono"),
+        local("JetBrainsMono Nerd Font"),
+        url("/assets/jetbrainsmono/fonts/ttf/JetBrainsMono-Italic.ttf") format("opentype"),
+        url("/assets/jetbrainsmono/fonts/webfonts/JetBrainsMono-Italic.woff2") format("woff");
+    font-style: italic;
+}
+
+/* -- bold italic -- */
+@font-face {
+    font-family: "JetBrains Mono";
+    src:
+        local("JetBrains Mono"),
+        local("JetBrainsMono Nerd Font"),
+        url("/assets/jetbrainsmono/fonts/ttf/JetBrainsMono-BoldItalic.ttf") format("opentype"),
+        url("/assets/jetbrainsmono/fonts/webfonts/JetBrainsMono-BoldItalic.woff2") format("woff");
+    font-style: bolditalic;
 }
 
 /* -- pixelated border radius -- */