💄 Use Fira Code from external CDN instead of Google Fonts

tiangolo · tiangolo · commit 093bf17ef7d5 · 2025-11-22T14:13:53.000-08:00
diff --git a/docs/css/custom.css b/docs/css/custom.css
@@ -1,3 +1,11 @@
+/* Fira Code, including characters used by Rich output, like the "heavy right-pointing angle bracket ornament", not included in Google Fonts */
+@import url(https://cdn.jsdelivr.net/npm/firacode@6.2.0/distr/fira_code.css);
+
+/* Override default code font in Material for MkDocs to Fira Code */
+:root {
+    --md-code-font: "Fira Code", monospace;
+}
+
 .termynal-comment {
     color: #4a968f;
     font-style: italic;
diff --git a/docs/css/termynal.css b/docs/css/termynal.css
@@ -20,7 +20,7 @@
     /* font-size: 18px; */
     font-size: 15px;
     /* font-family: 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace; */
-    font-family: 'Fira Code', 'Roboto Mono', 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace;
+    font-family: var(--md-code-font-family), 'Roboto Mono', 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace;
     border-radius: 4px;
     padding: 75px 45px 35px;
     position: relative;
diff --git a/mkdocs.yml b/mkdocs.yml
@@ -5,8 +5,6 @@ site_url: https://typer.tiangolo.com/
 
 theme:
   name: material
-  font:
-    code: Fira Code
   custom_dir: docs/overrides
   palette:
   - media: "(prefers-color-scheme)"
