web: simplify font fallbacks

This commit is contained in:
2026-07-24 18:07:31 +09:00
parent 54bb7209a4
commit b22f7d06e7
2 changed files with 8 additions and 24 deletions
+2 -18
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 {
@@ -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",
); );
}); });