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: 8942cea33a
This commit is contained in:
Brandon Oxendine
2026-10-20 12:27:29 +02:00
parent a2b11f9d68
commit 2fd961c6c3
3 changed files with 8 additions and 8 deletions
+4 -4
View File
@@ -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 {
+3 -3
View File
@@ -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 {
+1 -1
View File
@@ -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" },