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.
1.5 KiB
This is a Next.js project bootstrapped with create-next-app.
Getting Started
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
Type is Zen, the Hanzo family, from the @hanzo/font package. app/layout.tsx
imports @hanzo/font/css — @font-face and the --font-zen-* names — and
app/globals.css binds those to --font-sans / --font-mono. No font is
fetched at build or at run time.
Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Hanzo
One click provisions this app on Hanzo Cloud; every template in the gallery carries the same badge on its page.
Licensed under MIT OR Apache-2.0, per HIP-0137.