From 2fd961c6c331f561ef52320f76ebf11b4d9e2cb8 Mon Sep 17 00:00:00 2001 From: Brandon Oxendine Date: Tue, 20 Oct 2026 12:27:29 +0200 Subject: [PATCH] Add monospace fallback to JetBrains Mono fonts When users block web fonts, code was rendered in the browser's default sans-serif font because the JetBrains Mono code font tokens had no generic fallback. Add `monospace` as a fallback so code stays monospaced. Fixes: 8942cea33a2c283ddf7e528b5f266e85ec066724 --- desktop/public/typography.css | 8 ++++---- public/typography.css | 6 +++--- src/lib/appearance.ts | 2 +- 3 files changed, 8 insertions(+), 8 deletions(-) diff --git a/desktop/public/typography.css b/desktop/public/typography.css index 1d1d172f1..8bdce965e 100644 --- a/desktop/public/typography.css +++ b/desktop/public/typography.css @@ -82,10 +82,10 @@ } [data-codefont="jetbrains"] { - --font-family-code: "JetBrains Mono"; - --txt-code-small: 400 0.75rem/1rem "JetBrains Mono"; - --txt-code-regular: 400 0.875rem/1.25rem "JetBrains Mono"; - --txt-code-semibold: 600 0.875rem/1.25rem "JetBrains Mono"; + --font-family-code: "JetBrains Mono", monospace; + --txt-code-small: 400 0.75rem/1rem "JetBrains Mono", monospace; + --txt-code-regular: 400 0.875rem/1.25rem "JetBrains Mono", monospace; + --txt-code-semibold: 600 0.875rem/1.25rem "JetBrains Mono", monospace; } html { diff --git a/public/typography.css b/public/typography.css index 49d52d715..9142bdacf 100644 --- a/public/typography.css +++ b/public/typography.css @@ -79,9 +79,9 @@ } [data-codefont="jetbrains"] { - --txt-code-small: 400 0.75rem/1rem "JetBrains Mono"; - --txt-code-regular: 400 0.875rem/1.25rem "JetBrains Mono"; - --txt-code-semibold: 600 0.875rem/1.25rem "JetBrains Mono"; + --txt-code-small: 400 0.75rem/1rem "JetBrains Mono", monospace; + --txt-code-regular: 400 0.875rem/1.25rem "JetBrains Mono", monospace; + --txt-code-semibold: 600 0.875rem/1.25rem "JetBrains Mono", monospace; } html { diff --git a/src/lib/appearance.ts b/src/lib/appearance.ts index f5dccadf0..24d556ad6 100644 --- a/src/lib/appearance.ts +++ b/src/lib/appearance.ts @@ -40,7 +40,7 @@ export const codeFonts: { }[] = [ { storedName: "jetbrains", - fontFamily: "JetBrains Mono", + fontFamily: "JetBrains Mono, monospace", displayName: "JetBrains Mono", }, { storedName: "system", fontFamily: "monospace", displayName: "System" },