feat: more fonts, more styling

public/global.css

@@ -11,7 +11,7 @@ html, body {
 body {
     color: #333;
     margin: 0;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
+    font-family: DMSans, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 }
 
 a {
@@ -66,4 +66,32 @@ button:focus {
 }
 ::-webkit-scrollbar-thumb {
     background-color: rgba(0,0,0,0.25);
-}
+}
+
+@font-face {
+    font-family: 'DMSans';
+    font-style: normal;
+    font-weight: 400;
+    src: url(/static/DMSans-Regular.ttf) format('woff2');
+}
+
+@font-face {
+    font-family: 'DMSans';
+    font-style: normal;
+    font-weight: 600;
+    src: url(/static/DMSans-Bold.ttf) format('woff2');
+}
+
+@font-face {
+    font-family: 'DMSans';
+    font-style: italic;
+    font-weight: 400;
+    src: url(/static/DMSans-Italic.ttf) format('woff2');
+}
+
+@font-face {
+    font-family: 'DMSans';
+    font-style: italic;
+    font-weight: 600;
+    src: url(/static/DMSans-BoldItalic.ttf) format('woff2');
+}