diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 3147720..ace4472 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -24,6 +24,8 @@ import { Mulish } from "next/font/google"; import { Inter } from "next/font/google"; import { Manrope } from "next/font/google"; import { Public_Sans } from "next/font/google"; +import { Josefin_Sans } from "next/font/google"; +import { Inter } from "next/font/google"; const manrope = Manrope({ variable: "--font-manrope", subsets: ["latin"], @@ -147,6 +149,16 @@ const publicSans = Public_Sans({ subsets: ["latin"], }); +const josefinSans = Josefin_Sans({ + variable: "--font-josefin-sans", + subsets: ["latin"], + weight: ["100", "200", "300", "400", "500", "600", "700"], +}); +const inter = Inter({ + variable: "--font-inter", + subsets: ["latin"], +}); + export default function RootLayout({ children, }: Readonly<{ @@ -155,7 +167,7 @@ export default function RootLayout({ return ( - + {children} diff --git a/src/app/styles/base.css b/src/app/styles/base.css index 1becda7..ff6c370 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-family: --font-manrope, sans-serif;), sans-serif;), sans-serif;), sans-serif; + font-family: var(--font-inter), sans-serif;), sans-serif;), sans-serif;), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(font-family: --font-manrope, sans-serif;), sans-serif;), sans-serif;), sans-serif; + font-family: var(--font-josefin-sans), sans-serif;), sans-serif;), sans-serif;), sans-serif; }