diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 5ace032..0de70c8 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 { Figtree } from "next/font/google"; +import { Open_Sans } from "next/font/google"; +import { Work_Sans } from "next/font/google"; const raleway = Raleway({ variable: "--font-raleway", subsets: ["latin"], @@ -38,6 +40,15 @@ const raleway = Raleway({ subsets: ["latin"], }); +const openSans = Open_Sans({ + variable: "--font-open-sans", + subsets: ["latin"], +}); +const workSans = Work_Sans({ + variable: "--font-work-sans", + subsets: ["latin"], +}); + export default function RootLayout({ children, }: Readonly<{ @@ -46,7 +57,7 @@ export default function RootLayout({ return ( - + {children} diff --git a/src/app/styles/base.css b/src/app/styles/base.css index 57ffbd5..72af18e 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-raleway), sans-serif;;; + font-family: var(--font-work-sans), sans-serif;;; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-raleway), sans-serif;;; + font-family: var(--font-open-sans), sans-serif;;; }