diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 0abeed3..cf51730 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -3,6 +3,7 @@ import { Ubuntu } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; +import { Cormorant_Garamond } from "next/font/google"; const ubuntu = Ubuntu({ variable: "--font-ubuntu", subsets: ["latin"], @@ -27,6 +28,12 @@ export const metadata: Metadata = { } }; +const cormorantGaramond = Cormorant_Garamond({ + variable: "--font-cormorant-garamond", + subsets: ["latin"], + weight: ["300", "400", "500", "600", "700"], +}); + export default function RootLayout({ children, }: Readonly<{ @@ -35,9 +42,7 @@ export default function RootLayout({ return ( - + {children} diff --git a/src/app/styles/base.css b/src/app/styles/base.css index 20e692d..29e30fd 100644 --- a/src/app/styles/base.css +++ b/src/app/styles/base.css @@ -11,7 +11,7 @@ html { body { background-color: var(--background); color: var(--foreground); - font-family: var(--font-ubuntu), sans-serif; + font-family: var(--font-cormorant-garamond), serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-ubuntu), sans-serif; + font-family: var(--font-cormorant-garamond), serif; }