Typography updates

- Sets Recursive as the main typeface for code and text!
- Adjusts variable axes and sets stylistic alternates accordingly.
- Self hosts the font

docs/stylesheets/extra.css

@@ -3,17 +3,34 @@
     --color-wr-darkred: #A2001D;
 } */
 
-
+@font-face {
-/* Import monospaced recursive from Google Fonts */
+    font-family: 'Recursive';
-@import url('https://fonts.googleapis.com/css2?family=Recursive:MONO@1&display=swap');
+    font-style: oblique 0deg 15deg;
-/* @import url('https://fonts.googleapis.com/css2?family=Recursive'); */
+    font-weight: 300 1000;
+    src: url('../assets/fonts/Recursive_VF_1.084.woff2') format('woff2');
+    font-feature-settings: "ss12";
+}
+  
+:root {
+    --md-code-font: "Recursive", monospace;
+    --md-text-font: "Recursive", "Helvetica", "Arial", sans-serif;
+}
 
 
 code, pre, kbd {
     font-variation-settings: "MONO" 1;
-    font-variant-alternates: styleset(ss08)!important;
+    font-feature-settings: "ss01", "ss02", "ss08";
 }
 
+.md-typeset h1, h2, h3, h4, h5 {
+    color: var(--md-primary-fg-color--dark);
+    font-family: var(--md-code-font);
+    font-variation-settings: "MONO" 0.51;
+}
+
+.md-typeset h1, h2, h3 {
+    font-weight: 650 !important;
+}
 
 [data-md-color-scheme="webrecorder"] {
     --md-primary-fg-color: #008873;
@@ -23,7 +40,7 @@ code, pre, kbd {
     --md-accent-fg-color: #01b297;
 
     /* Typography Color Scheme */
-    --md-typeset-color: #003c32;
+    /* --md-typeset-color: #003c32; */
     --md-typeset-a-color: #008873;
     
   }

mkdocs.yml

@@ -15,9 +15,6 @@ theme:
     - navigation.tracking
     - navigation-indexes
     - navigation.footer
-  font:
-    text: Inter
-    code: Recursive
   palette:
     scheme: webrecorder
   logo: assets/brand/btrix-logo.svg