diff --git a/src/app/layout.tsx b/src/app/layout.tsx index d23c101..25a4e18 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -4,6 +4,8 @@ import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; import { Poppins } from "next/font/google"; +import { Libre_Baskerville } from "next/font/google"; +import { Inter } from "next/font/google"; export const metadata: Metadata = { @@ -27,10 +29,15 @@ export const metadata: Metadata = { } }; -const poppins = Poppins({ - variable: "--font-poppins", + +const libreBaskerville = Libre_Baskerville({ + variable: "--font-libre-baskerville", + subsets: ["latin"], + weight: ["400", "700"], +}); +const inter = Inter({ + variable: "--font-inter", subsets: ["latin"], - weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"], }); export default function RootLayout({ @@ -41,7 +48,7 @@ export default function RootLayout({ return ( - + {children} diff --git a/src/app/styles/base.css b/src/app/styles/base.css index 0f9f89d..efe6053 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-poppins), sans-serif; + font-family: var(--font-inter), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-poppins), sans-serif; + font-family: var(--font-libre-baskerville), serif; }