diff options
Diffstat (limited to 'frontend/src/app')
| -rw-r--r-- | frontend/src/app/globals.css | 2 | ||||
| -rw-r--r-- | frontend/src/app/layout.tsx | 12 |
2 files changed, 8 insertions, 6 deletions
diff --git a/frontend/src/app/globals.css b/frontend/src/app/globals.css index 0b2a4b4..5e91d83 100644 --- a/frontend/src/app/globals.css +++ b/frontend/src/app/globals.css @@ -9,7 +9,7 @@ @theme inline { --color-background: var(--background); --color-foreground: var(--foreground); - --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif; + --font-sans: var(--font-inter), ui-sans-serif, system-ui, sans-serif; --font-mono: ui-monospace, "SFMono-Regular", "Consolas", monospace; --color-sidebar-ring: var(--sidebar-ring); --color-sidebar-border: var(--sidebar-border); diff --git a/frontend/src/app/layout.tsx b/frontend/src/app/layout.tsx index 651acc8..ffa571b 100644 --- a/frontend/src/app/layout.tsx +++ b/frontend/src/app/layout.tsx @@ -1,8 +1,14 @@ import type { Metadata } from "next"; +import { Inter } from "next/font/google"; import "./globals.css"; import { Toaster } from "@/components/ui/sonner"; import { ThemeProvider } from "@/components/theme-provider"; +const inter = Inter({ + subsets: ["latin"], + variable: "--font-inter", +}); + export const metadata: Metadata = { title: "blcklst - not everyone get blcklsted", description: "not everyone gets blcklsted - discover carefully curated fashion pieces that define modern elegance.", @@ -16,10 +22,6 @@ export default function RootLayout({ return ( <html lang="en" suppressHydrationWarning> <head> - <link - href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" - rel="stylesheet" - /> {/* Preload both logo variants for instant theme switching */} <link rel="preload" @@ -34,7 +36,7 @@ export default function RootLayout({ type="image/png" /> </head> - <body className="font-sans antialiased"> + <body className={`${inter.variable} font-sans antialiased`}> <ThemeProvider attribute="class" defaultTheme="system" |