From 1899896c6dfa224b8923deb0efde789dfea0c1e6 Mon Sep 17 00:00:00 2001
From: Jan De Dobbeleer <jan.de.dobbeleer@gmail.com>
Date: Wed, 27 Jul 2022 13:24:48 +0200
Subject: [PATCH] docs: adjust fonts for readability

---
 website/docusaurus.config.js |  8 ++++++--
 website/src/css/custom.css   | 15 +++++++++++++++
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index ad2794b9..7914dc7e 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -13,6 +13,10 @@ module.exports = {
     path.resolve(__dirname, 'plugins', 'appinsights'),
     'docusaurus-node-polyfills'
   ],
+  stylesheets: [
+    "https://rsms.me/inter/inter.css",
+    "https://fonts.googleapis.com/css2?family=Fira+Code&display=swap"
+  ],
   themeConfig: {
     prism: {
       additionalLanguages: ['powershell', 'lua', 'jsstacktrace', 'toml'],
@@ -133,8 +137,8 @@ module.exports = {
         },
         theme: {
           customCss: [
-            require.resolve('./src/css/custom.css'),
-            require.resolve('./src/css/prism-rose-pine-moon.css')
+            require.resolve('./src/css/prism-rose-pine-moon.css'),
+            require.resolve('./src/css/custom.css')
           ],
         },
       },
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 26d23d16..b5c311f3 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -171,6 +171,21 @@ a.getStarted_Sjon {
   filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(226deg) brightness(102%) contrast(101%);
 }
 
+/* Fonts */
+
+:root {
+  --ifm-font-family-monospace: "Inter";
+  --ifm-font-family-base: "Inter"
+}
+
+code {
+  font-family: 'Fira Code', monospace;
+}
+
+code[class*="language-"], pre[class*="language-"] {
+  font-family: 'Fira Code', monospace;
+}
+
 /* Dev settings */
 
 [data-theme="dark"] .themedImage_node_modules-\@docusaurus-theme-classic-lib-theme-ThemedImage-styles-module {