docs: Added Fira Mono font

Author: DenverCoder1

docs/source/_static/css/custom.css

@@ -24,6 +24,13 @@ a.icon.icon-home:visited {
 /* Change code highlight background on dark mode */
 @media (prefers-color-scheme: dark) {
     .rst-content .highlight {
-       background: #26292b;
+        background: #26292b;
     }
 }
+
+/* Change code block font */
+.rst-content .linenodiv pre,
+.rst-content div[class^="highlight"] pre,
+.rst-content pre.literal-block {
+    font-family: Fira Mono, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, Courier, monospace;
+}

docs/source/_templates/layout.html

@@ -40,6 +40,10 @@
   <link rel="stylesheet" href="{{ pathto('_static/css/theme.css', 1)|e }}" type="text/css" />
   <link rel="stylesheet" href="{{ pathto('_static/css/custom.css', 1)|e }}" type="text/css" />
 
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Fira+Mono&display=swap" rel="stylesheet">
+
   {%- for cssfile in extra_css_files %}
   <link rel="stylesheet" href="{{ pathto(cssfile, 1) }}" type="text/css" />
   {%- endfor -%}