diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 4e3ab72..8101d8c 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -7,6 +7,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; import { DM_Sans } from "next/font/google"; import { Open_Sans } from "next/font/google"; +import { Manrope } from "next/font/google"; @@ -29,12 +30,13 @@ export const metadata: Metadata = { }; -const inter = Inter({ - variable: "--font-inter", + +const manrope = Manrope({ + variable: "--font-manrope", subsets: ["latin"], }); -const openSans = Open_Sans({ - variable: "--font-open-sans", +const dmSans = DM_Sans({ + variable: "--font-dm-sans", subsets: ["latin"], }); @@ -46,7 +48,7 @@ export default function RootLayout({ return ( - + {children} diff --git a/src/app/styles/base.css b/src/app/styles/base.css index 52de42f..c2b4e50 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-open-sans), sans-serif; + font-family: var(--font-dm-sans), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-inter), sans-serif; + font-family: var(--font-manrope), sans-serif; }