mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-10-30 18:22:59 +00:00
zeekay
f428cbf599
--font-sans was Geist and --font-mono Geist Mono, both from next/font/google — our own docs site rendering in someone else's face, over a render-blocking request to a host we do not control. @hanzo/font ships Zen self-hosted. Its objects declare --font-zen-sans and --font-zen-mono, which is the package's contract and not this app's, so globals.css points the theme tokens at them: the package cannot know what a consumer calls the role, and re-declaring the face here with this app's variable name would mean a second localFont reaching into node_modules by relative path. Noto Arabic and Hebrew stay. Zen is a Latin family, so dropping them would not move those scripts to Zen — it would drop them to whatever the platform has, which is the failure this migration exists to end. Inter stays for the one legacy theme that names it.
52 lines
1.8 KiB
TypeScript
52 lines
1.8 KiB
TypeScript
import {
|
|
Noto_Sans_Arabic as FontNotoSansArabic,
|
|
Noto_Sans_Hebrew as FontNotoSansHebrew,
|
|
Inter,
|
|
} from "next/font/google"
|
|
import { ZenMono } from "@hanzo/font/mono"
|
|
import { ZenSans } from "@hanzo/font/sans"
|
|
|
|
import { cn } from "@/lib/utils"
|
|
|
|
// Zen is the typeface for Hanzo, Lux and Zoo alike, and it is SELF-HOSTED —
|
|
// @hanzo/font ships the woff2, so there is no render-blocking request to a host
|
|
// we do not control on the critical path of every docs page. The faces are
|
|
// pre-configured next/font objects, not factories: `ZenSans({...})` throws.
|
|
//
|
|
// They declare `--font-zen-sans` / `--font-zen-mono`, which is the package's
|
|
// contract and not this app's. globals.css points the `--font-sans` and
|
|
// `--font-mono` theme tokens at them rather than either side renaming: the
|
|
// package cannot know what a consumer calls the role, and re-declaring the face
|
|
// here with this app's variable name would mean a second `localFont` pointing
|
|
// into node_modules by relative path.
|
|
const fontSans = ZenSans
|
|
const fontMono = ZenMono
|
|
|
|
// Inter stays for the one legacy theme that names it (legacy-themes.css binds
|
|
// --font-inter). It is a theme's own choice, not the default.
|
|
const fontInter = Inter({
|
|
subsets: ["latin"],
|
|
variable: "--font-inter",
|
|
})
|
|
|
|
// Arabic and Hebrew stay on Noto. Zen is a Latin family, so dropping these
|
|
// would not move those scripts to Zen — it would drop them to whatever the
|
|
// platform happens to have, which is the failure this migration exists to end.
|
|
const fontNotoSansArabic = FontNotoSansArabic({
|
|
subsets: ["latin"],
|
|
variable: "--font-ar",
|
|
})
|
|
|
|
const fontNotoSansHebrew = FontNotoSansHebrew({
|
|
subsets: ["latin"],
|
|
variable: "--font-he",
|
|
})
|
|
|
|
export const fontVariables = cn(
|
|
fontSans.variable,
|
|
fontMono.variable,
|
|
fontInter.variable,
|
|
fontNotoSansArabic.variable,
|
|
fontNotoSansHebrew.variable
|
|
)
|