diff --git a/docs/app/globals.css b/docs/app/globals.css index e436b7a516..8d9752f080 100644 --- a/docs/app/globals.css +++ b/docs/app/globals.css @@ -443,9 +443,9 @@ --fd-nav-height: 56px; --fd-banner-height: 0px; --fd-tocnav-height: 0px; - --font-sans: Geist, sans-serif; + --font-sans: var(--font-geist-sans, Geist, sans-serif); --font-serif: Georgia, serif; - --font-mono: Geist Mono, monospace; + --font-mono: var(--font-geist-mono, Geist Mono, monospace); --shadow-2xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09); --shadow-xs: 0px 1px 2px 0px hsl(0 0% 0% / 0.09); --shadow-sm: @@ -522,6 +522,8 @@ @theme inline { --breakpoint-navbar: 64rem; + --font-sans: var(--font-geist-sans, Geist, sans-serif); + --font-mono: var(--font-geist-mono, Geist Mono, monospace); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); @@ -602,7 +604,7 @@ } body { - @apply overscroll-none bg-background text-foreground selection:bg-foreground selection:text-background; + @apply overscroll-none bg-background font-sans text-foreground selection:bg-foreground selection:text-background; } } diff --git a/docs/app/layout.tsx b/docs/app/layout.tsx index 7763de50ea..eae68feef0 100644 --- a/docs/app/layout.tsx +++ b/docs/app/layout.tsx @@ -1,5 +1,3 @@ -import { GeistPixelSquare } from "geist/font/pixel"; -import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; import { Analytics } from "@vercel/analytics/next"; import type { Metadata } from "next"; @@ -7,17 +5,9 @@ import Script from "next/script"; import type { ReactNode } from "react"; import { StaggeredNavFiles } from "@/components/landing/staggered-nav-files"; import { Providers } from "@/components/providers"; +import { fontVariables } from "@/lib/fonts"; import { createMetadata } from "@/lib/metadata"; - -const fontSans = Geist({ - subsets: ["latin"], - variable: "--font-sans", -}); - -const fontMono = Geist_Mono({ - subsets: ["latin"], - variable: "--font-mono", -}); +import { cn } from "@/lib/utils"; export const metadata: Metadata = createMetadata({ title: { @@ -29,7 +19,12 @@ export const metadata: Metadata = createMetadata({ export default function RootLayout({ children }: { children: ReactNode }) { return ( - +