web: use gen interface font

This commit is contained in:
2026-07-24 15:28:31 +09:00
parent f7482d6151
commit 342c3dabb7
4 changed files with 25 additions and 1 deletions
+5 -1
View File
@@ -1,4 +1,8 @@
@import 'tailwindcss';
@import 'gen-interface-jp/400.css';
@import 'gen-interface-jp/500.css';
@import 'gen-interface-jp/600.css';
@import 'gen-interface-jp/700.css';
@layer reset, tokens, base, layout, components;
@layer reset {
*,
@@ -52,7 +56,7 @@
--radius-panel: 12px;
--interactive-hover: oklch(94.5% 0 0);
--interactive-selected: oklch(93% 0.02 230);
--font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
--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;
@@ -9,6 +9,18 @@ function assert(condition: unknown, message: string): asserts condition {
}
}
Deno.test("workspace app css uses bundled Gen Interface JP font", async () => {
const appCss = await Deno.readTextFile(new URL("./../../../app.css", import.meta.url));
assert(
appCss.includes("gen-interface-jp/400.css") &&
appCss.includes("gen-interface-jp/500.css") &&
appCss.includes("gen-interface-jp/600.css") &&
appCss.includes("gen-interface-jp/700.css") &&
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",
);
});
Deno.test("workspace Worker list lives on the dedicated Workers page", async () => {
const workspacePage = await Deno.readTextFile(
new URL("./../../../routes/w/[workspaceId]/+page.svelte", import.meta.url),