From: Sebastián Ramírez <tiangolo@gmail.com>
Date: Sun, 23 Nov 2025 09:27:49 +0000 (-0800)
Subject: 💄 Use font Fira Code to fix display of Rich panels in docs in Windows (#1653)
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=16bd6cdb84327a38c1d6d8cd259dbc50945bbc04;p=thirdparty%2Ffastapi%2Fsqlmodel.git

💄 Use font Fira Code to fix display of Rich panels in docs in Windows (#1653)
---

diff --git a/docs/css/custom.css b/docs/css/custom.css
index 200ac45c..7833d66f 100644
--- 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
index 8534f910..a2564e28 100644
--- 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: '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;