web: simplify font fallbacks
This commit is contained in:
parent
54bb7209a4
commit
b22f7d06e7
|
|
@ -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",
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user