mirror of
https://github.com/hanzo-apps/gallery.git
synced 2026-10-30 14:48:38 +00:00
zooqueen
8efdc5bfd6
The site fetched a third-party family from a font host at build time and
minted a per-build family name that <body> had to carry as a class, while
body itself was pinned to Arial. Two type systems, neither of them ours.
@hanzo/font ships Zen as woff2 in the package; its /css entry is @font-face
plus --font-zen-sans/--font-zen-mono, and globals.css binds those to
--font-sans/--font-mono, which is what Tailwind's utilities already read.
No request leaves the origin.
public/previews/{arch,betacrm-html} are vendored third-party template
samples served as previews; they name their own faces and are left alone.
32 lines
928 B
CSS
32 lines
928 B
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--background: #ffffff;
|
|
--foreground: #171717;
|
|
}
|
|
|
|
/* Zen is the family. `@hanzo/font` authors the faces; its `/css` entry is
|
|
@font-face plus --font-zen-sans / --font-zen-mono on :root, imported from
|
|
layout.tsx before this sheet. Bound here to the two names Tailwind and the
|
|
rest of the ecosystem read, so a face swap is one line. The tail of each
|
|
list is the OS stack that paints while the webfont loads. */
|
|
@theme inline {
|
|
--color-background: var(--background);
|
|
--color-foreground: var(--foreground);
|
|
--font-sans: var(--font-zen-sans), ui-sans-serif, system-ui, sans-serif;
|
|
--font-mono: var(--font-zen-mono), ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--background: #0a0a0a;
|
|
--foreground: #ededed;
|
|
}
|
|
}
|
|
|
|
body {
|
|
background: var(--background);
|
|
color: var(--foreground);
|
|
font-family: var(--font-sans);
|
|
}
|