diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 4b31994..3450b6b 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -63,6 +63,11 @@ const karla = Karla({ subsets: ["latin"], }); +const figtree = Figtree({ + variable: "--font-figtree", + subsets: ["latin"], +}); + export default function RootLayout({ children, }: Readonly<{ @@ -71,7 +76,7 @@ export default function RootLayout({ return ( - + {children} diff --git a/src/app/styles/base.css b/src/app/styles/base.css index e4fa0e2..ae1bfd6 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: font-family: var(--font-karla), sans-serif;), sans-serif; + font-family: var(--font-figtree), sans-serif;;), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: font-family: var(--font-karla), sans-serif;), sans-serif; + font-family: var(--font-figtree), sans-serif;;), sans-serif; }