diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx index cdd6ea15..a4059156 100644 --- a/apps/web/src/app/layout.tsx +++ b/apps/web/src/app/layout.tsx @@ -25,6 +25,32 @@ const calSans = LocalFont({ variable: "--font-cal", }); +const commitMono = LocalFont({ + src: [ + { + path: "../public/fonts/CommitMono-400-Regular.otf", + weight: "400", + style: "normal", + }, + { + path: "../public/fonts/CommitMono-400-Italic.otf", + weight: "400", + style: "italic", + }, + { + path: "../public/fonts/CommitMono-700-Regular.otf", + weight: "700", + style: "normal", + }, + { + path: "../public/fonts/CommitMono-700-Italic.otf", + weight: "700", + style: "italic", + }, + ], + variable: "--font-commit-mono", +}); + export const metadata: Metadata = { ...defaultMetadata, twitter: { @@ -45,7 +71,7 @@ export default function RootLayout({ diff --git a/apps/web/src/styles/globals.css b/apps/web/src/styles/globals.css index deae2997..eb5746e5 100644 --- a/apps/web/src/styles/globals.css +++ b/apps/web/src/styles/globals.css @@ -44,6 +44,10 @@ } } +@theme inline { + --font-mono: var(--font-commit-mono); +} + @utility container { margin-inline: auto; padding-inline: 2rem;