From 027ec2ece028428af07f8252afd6eb735e2ce587 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sebasti=C3=A1n=20Ram=C3=ADrez?= Date: Fri, 21 Nov 2025 10:34:28 -0800 Subject: [PATCH 1/7] =?UTF-8?q?=F0=9F=92=84=20Use=20font=20'Fira=20Code'?= =?UTF-8?q?=20to=20fix=20display=20of=20Rich=20panels?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 💄 Use font 'Fira Code' to fix display of Rich panels --- mkdocs.yml | 2 ++ 1 file changed, 2 insertions(+) diff --git a/mkdocs.yml b/mkdocs.yml index 915f6a62f8..a41a52bdbc 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -5,6 +5,8 @@ site_url: https://typer.tiangolo.com/ theme: name: material + font: + code: Fira Code custom_dir: docs/overrides palette: - media: "(prefers-color-scheme)" From 5297ea383daead1297f1ad742e176e2bcf05e521 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sebasti=C3=A1n=20Ram=C3=ADrez?= Date: Fri, 21 Nov 2025 10:36:56 -0800 Subject: [PATCH 2/7] =?UTF-8?q?=F0=9F=92=84=20Update=20Termynal=20CSS=20fo?= =?UTF-8?q?nt?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/css/termynal.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/css/termynal.css b/docs/css/termynal.css index 8534f91021..0c8ab3d9d9 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: 'Fira Mono', 'Roboto Mono', 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace; border-radius: 4px; padding: 75px 45px 35px; position: relative; From 2d98bed339954435e53da741c5d085f2395825a3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sebasti=C3=A1n=20Ram=C3=ADrez?= Date: Fri, 21 Nov 2025 10:48:45 -0800 Subject: [PATCH 3/7] =?UTF-8?q?=F0=9F=92=84=20Change=20font-family=20to=20?= =?UTF-8?q?use=20'Fira=20Code'?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/css/termynal.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/css/termynal.css b/docs/css/termynal.css index 0c8ab3d9d9..c8554e8316 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: 'Fira Mono', 'Roboto Mono', 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace; + font-family: 'Fira Code', 'Roboto Mono', 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace; border-radius: 4px; padding: 75px 45px 35px; position: relative; From a0f32482540b5e1b19c46649fbefad001657a713 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sebasti=C3=A1n=20Ram=C3=ADrez?= Date: Fri, 21 Nov 2025 10:57:36 -0800 Subject: [PATCH 4/7] =?UTF-8?q?=F0=9F=92=84=20Use=20Cascadia=20Code=20for?= =?UTF-8?q?=20code=20fonts?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/css/termynal.css | 2 +- mkdocs.yml | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/css/termynal.css b/docs/css/termynal.css index c8554e8316..bcaa2324d5 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: 'Fira Code', 'Roboto Mono', 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace; + font-family: 'Cascadia Code', '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 index a41a52bdbc..ad76e9d4af 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -6,7 +6,7 @@ site_url: https://typer.tiangolo.com/ theme: name: material font: - code: Fira Code + code: Cascadia Code custom_dir: docs/overrides palette: - media: "(prefers-color-scheme)" From 10d7adbd20e2097b8125eda2de4f2330fea70cf5 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sebasti=C3=A1n=20Ram=C3=ADrez?= Date: Fri, 21 Nov 2025 11:04:46 -0800 Subject: [PATCH 5/7] =?UTF-8?q?=F0=9F=92=84=20Use=20JetBrains=20Mono=20for?= =?UTF-8?q?=20code?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/css/termynal.css | 2 +- mkdocs.yml | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/css/termynal.css b/docs/css/termynal.css index bcaa2324d5..b357cbbeaf 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: 'Cascadia Code', 'Roboto Mono', 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace; + font-family: 'JetBrains Mono', '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 index ad76e9d4af..28e1cfbc96 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -6,7 +6,7 @@ site_url: https://typer.tiangolo.com/ theme: name: material font: - code: Cascadia Code + code: JetBrains Mono custom_dir: docs/overrides palette: - media: "(prefers-color-scheme)" From 17231597414ee9e1fad3836a67b8f33ea36334b3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sebasti=C3=A1n=20Ram=C3=ADrez?= Date: Fri, 21 Nov 2025 11:20:15 -0800 Subject: [PATCH 6/7] =?UTF-8?q?=F0=9F=92=84=20Change=20font=20back=20to=20?= =?UTF-8?q?Fira=20Code?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/css/termynal.css | 2 +- mkdocs.yml | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/docs/css/termynal.css b/docs/css/termynal.css index b357cbbeaf..c8554e8316 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: 'JetBrains Mono', 'Roboto Mono', 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace; + font-family: 'Fira Code', '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 index 28e1cfbc96..a41a52bdbc 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -6,7 +6,7 @@ site_url: https://typer.tiangolo.com/ theme: name: material font: - code: JetBrains Mono + code: Fira Code custom_dir: docs/overrides palette: - media: "(prefers-color-scheme)" From 093bf17ef7d50793a79a24d0737ada1c7d879a17 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sebasti=C3=A1n=20Ram=C3=ADrez?= Date: Sat, 22 Nov 2025 14:13:53 -0800 Subject: [PATCH 7/7] =?UTF-8?q?=F0=9F=92=84=20Use=20Fira=20Code=20from=20e?= =?UTF-8?q?xternal=20CDN=20instead=20of=20Google=20Fonts?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/css/custom.css | 8 ++++++++ docs/css/termynal.css | 2 +- mkdocs.yml | 2 -- 3 files changed, 9 insertions(+), 3 deletions(-) diff --git a/docs/css/custom.css b/docs/css/custom.css index 200ac45cd6..7833d66fbe 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 c8554e8316..a2564e2860 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: '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 index a41a52bdbc..915f6a62f8 100644 --- 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)"