better-auth/docs/lib/fonts.ts

import { Geist, Geist_Mono } from "next/font/google";
import localFont from "next/font/local";
import { cn } from "@/lib/utils";

const fontSans = Geist({
	subsets: ["latin"],
	variable: "--font-geist-sans",
});

const fontMono = Geist_Mono({
	subsets: ["latin"],
	variable: "--font-geist-mono",
});

// Only the Square variant is used. Importing from `geist/font/pixel` would
// declare (and preload) all five Geist Pixel fonts on every page.
const GeistPixelSquare = localFont({
	src: "../assets/GeistPixel-Square.woff2",
	variable: "--font-geist-pixel-square",
	weight: "500",
	fallback: ["Geist Mono", "ui-monospace", "monospace"],
	adjustFontFallback: false,
});

export const fontVariables = cn(
	fontSans.variable,
	fontMono.variable,
	GeistPixelSquare.variable,
);