Use a different font for readability

Author: thecatontheceiling

docusaurus.config.js

@@ -49,6 +49,12 @@ const config = {
     ],
   ],
 
+  stylesheets: [
+    {
+      href: 'https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'
+    }
+  ],
+
   plugins: [
     [
       '@docusaurus/plugin-client-redirects',

src/css/custom.css

@@ -7,6 +7,7 @@
   --ifm-color-primary-lighter: #bc45a2;
   --ifm-color-primary-lightest: #c55dae;
   --ifm-table-cell-padding: 0.5rem;
+  --ifm-font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
   --ifm-font-family-monospace: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
   --ifm-heading-font-weight: 775;
   --ifm-global-radius: 14px;