feat(docs): serve Zen from @hanzo/font

docs/app/global.css

@@ -6,8 +6,6 @@
 @theme inline {
   --breakpoint-3xl: 1600px;
   --breakpoint-4xl: 2000px;
-  --font-sans: var(--font-geist-sans), system-ui, sans-serif;
-  --font-mono: var(--font-geist-mono), monospace;
   --radius-sm: calc(var(--radius) - 4px);
   --radius-md: calc(var(--radius) - 2px);
   --radius-lg: var(--radius);
@@ -34,6 +32,10 @@
 }
 
 :root {
+  /* Stated here, after the fumadocs import, because fumadocs-ui/style.css
+     declares these same two roles and would otherwise win the cascade. */
+  --font-sans: var(--font-zen-sans), system-ui, sans-serif;
+  --font-mono: var(--font-zen-mono), monospace;
   --background: 0 0% 100%;
   --foreground: 0 0% 3.9%;
   --card: 0 0% 100%;

docs/app/layout.tsx

@@ -1,20 +1,9 @@
 import "./global.css"
 import { RootProvider } from "fumadocs-ui/provider/next"
-import { Inter } from "next/font/google"
+import { ZenSans } from "@hanzo/font/sans"
+import { ZenMono } from "@hanzo/font/mono"
 import type { ReactNode } from "react"
 
-const inter = Inter({
-  subsets: ["latin"],
-  variable: "--font-geist-sans",
-  display: "swap",
-})
-
-const interMono = Inter({
-  subsets: ["latin"],
-  variable: "--font-geist-mono",
-  display: "swap",
-})
-
 export const metadata = {
   title: {
     default: "Lattice Crypto Documentation",
@@ -27,7 +16,7 @@ export default function Layout({ children }: { children: ReactNode }) {
   return (
     <html
       lang="en"
-      className={`${inter.variable} ${interMono.variable}`}
+      className={`${ZenSans.variable} ${ZenMono.variable}`}
       suppressHydrationWarning
     >
       <body className="min-h-svh bg-background font-sans antialiased">

docs/package.json

@@ -11,6 +11,7 @@
     "postinstall": "fumadocs-mdx"
   },
   "dependencies": {
+    "@hanzo/font": "^1.8.1",
     "fumadocs-core": "^15.8.5",
     "fumadocs-mdx": "^12.0.3",
     "fumadocs-ui": "^15.8.5",

docs/pnpm-lock.yaml

@@ -8,6 +8,9 @@ importers:
 
   .:
     dependencies:
+      '@hanzo/font':
+        specifier: ^1.8.1
+        version: 1.8.1([email protected]([email protected]([email protected]))([email protected]))
       fumadocs-core:
         specifier: ^15.8.5
         version: 15.8.5(@types/[email protected])([email protected]([email protected]))([email protected]([email protected]([email protected]))([email protected]))([email protected]([email protected]))([email protected])
@@ -247,6 +250,11 @@ packages:
   '@formatjs/[email protected]':
     resolution: {integrity: sha512-XOMO2Hupl0wdd172Y06h6kLpBz6Dv+J4okPLl4LPtzbr8f66WbIoy4ev98EBuZ6ZK4h5ydTN6XneT4QVpD7cdA==}
 
+  '@hanzo/[email protected]':
+    resolution: {integrity: sha512-qUw15aRa+/oAxZd+vkjkBctc8YdiaUk4yEQuhEYknIPfRDcwWiaxyr0UZ/gBI9i+zZaMXzMdKagZKRqe5eGF1g==}
+    peerDependencies:
+      next: '>=13.2.0'
+
   '@img/[email protected]':
     resolution: {integrity: sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw==}
     engines: {node: '>=18'}
@@ -2055,6 +2063,10 @@ snapshots:
     dependencies:
       tslib: 2.8.1
 
+  '@hanzo/[email protected]([email protected]([email protected]([email protected]))([email protected]))':
+    dependencies:
+      next: 16.0.1([email protected]([email protected]))([email protected])
+
   '@img/[email protected]':
     optional: true