Update website fonts

This commit is contained in:
Jip J. Dekker 2023-11-29 22:33:07 +11:00
parent 319cd333e4
commit 70cd0d801f
No known key found for this signature in database
2 changed files with 20 additions and 1 deletions

View File

@ -1,4 +1,6 @@
import { type Metadata } from 'next'
import { Atkinson_Hyperlegible, JetBrains_Mono } from 'next/font/google'
import clsx from 'clsx'
import { Providers } from '@/app/providers'
import { Layout } from '@/components/Layout'
@ -19,6 +21,18 @@ export const metadata: Metadata = {
},
}
const atkinson = Atkinson_Hyperlegible({
weight: ['400', '700'],
subsets: ['latin'],
display: 'swap',
})
const jetbrains = JetBrains_Mono({
weight: "variable",
subsets: ["latin"],
variable: "--font-jetbrains-mono",
display: "swap",
})
export default function RootLayout({
children,
}: {
@ -26,7 +40,7 @@ export default function RootLayout({
}) {
return (
<html lang="en" className="h-full antialiased" suppressHydrationWarning>
<body className="flex h-full bg-zinc-50 dark:bg-black">
<body className={clsx('flex h-full bg-zinc-50 dark:bg-black', atkinson.className, jetbrains.variable)}>
<Providers>
<div className="flex w-full">
<Layout>{children}</Layout>

View File

@ -24,5 +24,10 @@ export default {
'9xl': ['8rem', { lineHeight: '1' }],
},
typography: typographyStyles,
extend: {
fontFamily: {
mono: ['var(--font-jetbrains-mono)'],
},
},
},
} satisfies Config