web: add ibm plex mono font
This commit is contained in:
@@ -3,6 +3,10 @@
|
||||
@import 'gen-interface-jp/500.css';
|
||||
@import 'gen-interface-jp/600.css';
|
||||
@import 'gen-interface-jp/700.css';
|
||||
@import '@fontsource/ibm-plex-mono/latin-400.css';
|
||||
@import '@fontsource/ibm-plex-mono/latin-500.css';
|
||||
@import '@fontsource/ibm-plex-mono/latin-600.css';
|
||||
@import '@fontsource/ibm-plex-mono/latin-700.css';
|
||||
@layer reset, tokens, base, layout, components;
|
||||
@layer reset {
|
||||
*,
|
||||
@@ -56,10 +60,10 @@
|
||||
--radius-panel: 12px;
|
||||
--interactive-hover: oklch(94.5% 0 0);
|
||||
--interactive-selected: oklch(93% 0.02 230);
|
||||
--font-sans: "Gen Interface JP", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
|
||||
"Segoe UI", sans-serif;
|
||||
--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
|
||||
"Liberation Mono", monospace;
|
||||
--font-sans: "Gen Interface JP", 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) {
|
||||
:root {
|
||||
|
||||
@@ -9,7 +9,7 @@ function assert(condition: unknown, message: string): asserts condition {
|
||||
}
|
||||
}
|
||||
|
||||
Deno.test("workspace app css uses bundled Gen Interface JP font", async () => {
|
||||
Deno.test("workspace app css uses bundled UI fonts", async () => {
|
||||
const appCss = await Deno.readTextFile(new URL("./../../../app.css", import.meta.url));
|
||||
assert(
|
||||
appCss.includes("gen-interface-jp/400.css") &&
|
||||
@@ -19,6 +19,14 @@ Deno.test("workspace app css uses bundled Gen Interface JP font", async () => {
|
||||
appCss.includes('"Gen Interface JP", Inter'),
|
||||
"global app css should import the tracked Gen Interface JP weights and prefer it in the sans font stack",
|
||||
);
|
||||
assert(
|
||||
appCss.includes("@fontsource/ibm-plex-mono/latin-400.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-700.css") &&
|
||||
appCss.includes('"IBM Plex Mono", ui-monospace'),
|
||||
"global app css should import the tracked IBM Plex Mono weights and prefer it in the mono font stack",
|
||||
);
|
||||
});
|
||||
|
||||
Deno.test("workspace Worker list lives on the dedicated Workers page", async () => {
|
||||
|
||||
Reference in New Issue
Block a user