diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 8c1af85..d55c08b 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,17 +1,17 @@ import type { Metadata } from "next"; -import { Josefin_Sans } from "next/font/google"; -import { Inter } from "next/font/google"; +import { IBM_Plex_Sans } from "next/font/google"; +import { Roboto_Mono } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; -const josefinSans = Josefin_Sans({ - variable: "--font-josefin-sans", subsets: ["latin"], +const ibmPlexSans = IBM_Plex_Sans({ + variable: "--font-ibm-plex-sans", subsets: ["latin"], weight: ["100", "200", "300", "400", "500", "600", "700"], }); -const inter = Inter({ - variable: "--font-inter", subsets: ["latin"], +const robotoMono = Roboto_Mono({ + variable: "--font-roboto-mono", subsets: ["latin"], }); export const metadata: Metadata = { @@ -37,7 +37,7 @@ export default function RootLayout({ {children} diff --git a/src/app/styles/base.css b/src/app/styles/base.css index f41e4d8..d34f8ac 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-inter), sans-serif; + font-family: var(--font-ibm-plex-sans), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-josefin-sans), sans-serif; + font-family: var(--font-ibm-plex-sans), sans-serif; }