web: simplify font fallbacks

This commit is contained in:
Keisuke Hirata 2026-07-24 18:07:31 +09:00
parent 54bb7209a4
commit b22f7d06e7
No known key found for this signature in database
2 changed files with 8 additions and 24 deletions

View File

@ -60,24 +60,8 @@
--radius-panel: 12px; --radius-panel: 12px;
--interactive-hover: oklch(94.5% 0 0); --interactive-hover: oklch(94.5% 0 0);
--interactive-selected: oklch(93% 0.02 230); --interactive-selected: oklch(93% 0.02 230);
--font-sans: --font-sans: "Gen Interface JP", sans-serif;
"Gen Interface JP", --font-mono: "IBM Plex Mono", monospace;
Inter,
ui-sans-serif,
system-ui,
-apple-system,
BlinkMacSystemFont,
"Segoe UI",
sans-serif;
--font-mono:
"IBM Plex Mono",
ui-monospace,
SFMono-Regular,
Menlo,
Monaco,
Consolas,
"Liberation Mono",
monospace;
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {

View File

@ -18,9 +18,9 @@ Deno.test("workspace app css uses bundled UI fonts", async () => {
appCss.includes("gen-interface-jp/500.css") && appCss.includes("gen-interface-jp/500.css") &&
appCss.includes("gen-interface-jp/600.css") && appCss.includes("gen-interface-jp/600.css") &&
appCss.includes("gen-interface-jp/700.css") && appCss.includes("gen-interface-jp/700.css") &&
appCss.includes("--font-sans:") && appCss.includes('--font-sans: "Gen Interface JP", sans-serif;') &&
appCss.includes('"Gen Interface JP"') && !appCss.includes("ui-sans-serif") &&
appCss.includes("Inter"), !appCss.includes("system-ui"),
"global app css should import the tracked Gen Interface JP weights and prefer it in the sans font stack", "global app css should import the tracked Gen Interface JP weights and prefer it in the sans font stack",
); );
assert( assert(
@ -28,9 +28,9 @@ Deno.test("workspace app css uses bundled UI fonts", async () => {
appCss.includes("@fontsource/ibm-plex-mono/latin-500.css") && appCss.includes("@fontsource/ibm-plex-mono/latin-500.css") &&
appCss.includes("@fontsource/ibm-plex-mono/latin-600.css") && appCss.includes("@fontsource/ibm-plex-mono/latin-600.css") &&
appCss.includes("@fontsource/ibm-plex-mono/latin-700.css") && appCss.includes("@fontsource/ibm-plex-mono/latin-700.css") &&
appCss.includes("--font-mono:") && appCss.includes('--font-mono: "IBM Plex Mono", monospace;') &&
appCss.includes('"IBM Plex Mono"') && !appCss.includes("ui-monospace") &&
appCss.includes("ui-monospace"), !appCss.includes("SFMono-Regular"),
"global app css should import the tracked IBM Plex Mono weights and prefer it in the mono font stack", "global app css should import the tracked IBM Plex Mono weights and prefer it in the mono font stack",
); );
}); });