Fix font weights

Author: DarthSim

docusaurus.config.ts

@@ -66,7 +66,7 @@ const config: Config = {
       tagName: "link",
       attributes: {
         rel: "stylesheet",
-        href: "https://fonts.googleapis.com/css2?family=Martian+Mono:wght@300;600&display=swap",
+        href: "https://fonts.googleapis.com/css2?family=Martian+Mono:wght@100..800&display=swap",
       },
     },
   ],

src/css/general.css

@@ -36,6 +36,7 @@
   --ifm-line-height-base: 2;
 
   --ifm-heading-font-family: 'Martian Grotesk', 'Roboto', sans-serif;
+  --ifm-heading-font-weight: var(--ifm-font-weight-bold);
 
   --ifm-table-stripe-background: rgba(255, 255, 255, 0.05);
 }
@@ -44,8 +45,10 @@
   --ifm-footer-background-color: #ffffff0d;
 }
 
-html {
+body {
   font-weight: var(--ifm-font-weight-base);
+  font-variation-settings: 'wght' var(--ifm-font-weight-base);
+  font-synthesis-weight: none;
 }
 
 .markdown details summary {
@@ -61,13 +64,18 @@ html {
 }
 
 h1 {
-  font-weight: 900;
+  --ifm-heading-font-weight: 900;
 }
 
 h2, h3 {
   font-stretch: condensed;
 }
 
+h1, h2, h3, h4, h5, h6 {
+  font-variation-settings: 'wght' var(--ifm-heading-font-weight);
+}
+
 pre {
   font-weight: var(--ifm-font-weight-base);
+  font-variation-settings: 'wght' var(--ifm-font-weight-base);
 }