diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 7a01bce..943bc14 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -2,8 +2,8 @@ import type { Metadata } from "next"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; -import { Work_Sans } from "next/font/google"; -import { Source_Sans_3 } from "next/font/google"; +import { Public_Sans } from "next/font/google"; +import { Inter } from "next/font/google"; const montserrat = Montserrat({ variable: "--font-montserrat", subsets: ["latin"], @@ -48,6 +48,15 @@ const sourceSans3 = Source_Sans_3({ subsets: ["latin"], }); +const publicSans = Public_Sans({ + variable: "--font-public-sans", + subsets: ["latin"], +}); +const inter = Inter({ + variable: "--font-inter", + subsets: ["latin"], +}); + export default function RootLayout({ children, }: Readonly<{ @@ -57,7 +66,7 @@ export default function RootLayout({ {children} diff --git a/src/app/styles/base.css b/src/app/styles/base.css index cfcea70..e6e4ae5 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-source-sans-3), 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-work-sans), sans-serif; + font-family: var(--font-public-sans), sans-serif; }