This file configures and exports Google Fonts for use in a Next.js application, specifically setting up Azeret Mono and DM Sans with optimized loading and CSS variable integration. ## Key Components - **azeretMono** - Azeret Mono monospace font configuration with multiple weights - **dmSans** - DM Sans sans-serif font configuration for general text usage ## Font Configuration Both fonts are configured with: - **Latin subset** for optimal loading - **Display swap** for improved performance and reduced layout shift - **CSS variables** for easy theming integration - **Multiple weights** for typography hierarchy ## Usage Example ```typescript // In your Next.js layout or page component import { azeretMono, dmSans } from './fonts' export default function RootLayout({ children, }: { children: React.ReactNode }) { return ( {children} ) } ``` ```css /* In your CSS/Tailwind config */ .font-mono { font-family: var(--font-azeret-mono), monospace; } .font-sans { font-family: var(--font-dm-sans), sans-serif; } ``` The fonts will be automatically optimized by Next.js with preloading and self-hosting for improved performance.