diff --git a/src/app/globals.css b/src/app/globals.css index 7a971bb..b61c9d3 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -4,9 +4,6 @@ @layer base { :root { - --font-inter: 'Inter', system-ui, sans-serif; - --font-poppins: 'Poppins', system-ui, sans-serif; - /* Matches the app's existing gray-50 page backdrop; cards stay pure white */ --background: 210 20% 98%; --foreground: 0 0% 3.9%; diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 028c9b1..5575670 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,14 +1,25 @@ import type { Metadata, Viewport } from 'next'; -import { Inter, Poppins } from 'next/font/google'; +import localFont from 'next/font/local'; import Footer from '@/components/Footer'; import { Toaster } from '@/components/ui/sonner'; import './globals.css'; -const inter = Inter({ subsets: ['latin'], variable: '--font-inter' }); -const poppins = Poppins({ - subsets: ['latin'], - weight: ['400', '600', '700', '800'], - variable: '--font-poppins', +const sans = localFont({ + variable: '--font-sans', + src: [ + { path: '../fonts/InstrumentSans-Regular.ttf', weight: '400', style: 'normal' }, + { path: '../fonts/InstrumentSans-Italic.ttf', weight: '400', style: 'italic' }, + { path: '../fonts/InstrumentSans-Bold.ttf', weight: '700', style: 'normal' }, + { path: '../fonts/InstrumentSans-BoldItalic.ttf', weight: '700', style: 'italic' }, + ], +}); + +const display = localFont({ + variable: '--font-display', + src: [ + { path: '../fonts/BricolageGrotesque-Regular.ttf', weight: '400', style: 'normal' }, + { path: '../fonts/BricolageGrotesque-Bold.ttf', weight: '700', style: 'normal' }, + ], }); export const metadata: Metadata = { @@ -35,7 +46,7 @@ export const viewport: Viewport = { export default function RootLayout({ children }: { children: React.ReactNode }) { return ( - +
{children}