diff --git a/src/app/globals.css b/src/app/globals.css index bba5829..45f0491 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -495,7 +495,7 @@ html { body { background-color: var(--background); color: var(--foreground); - font-family: var(--font-lato), sans-serif; + font-family: var(--font-playfair-display, --font-roboto), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -508,5 +508,5 @@ h3, h4, h5, h6 { - font-family: var(--font-lato), sans-serif; + font-family: var(--font-playfair-display, --font-roboto), sans-serif; } \ No newline at end of file diff --git a/src/app/layout.tsx b/src/app/layout.tsx index cfb3df7..51ba7ee 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,13 +1,18 @@ import type { Metadata } from "next"; -import { Lato } from "next/font/google"; +import { Playfair_Display, Roboto } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; -const lato = Lato({ - variable: "--font-lato", +const playfairDisplay = Playfair_Display({ + variable: "--font-playfair-display", subsets: ["latin"], - weight: ["100", "300", "400", "700", "900"], +}); + +const roboto = Roboto({ + variable: "--font-roboto", + subsets: ["latin"], + weight: ["100", "300", "400", "500", "700", "900"], }); export const metadata: Metadata = { @@ -49,7 +54,7 @@ export default function RootLayout({ {children} @@ -1275,4 +1280,4 @@ export default function RootLayout({ ); -} \ No newline at end of file +} diff --git a/src/app/page.tsx b/src/app/page.tsx index 983a7a9..46995cf 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -386,4 +386,4 @@ export default function LandingPage() { ); -} \ No newline at end of file +}