Update website fonts
This commit is contained in:
parent
319cd333e4
commit
70cd0d801f
@ -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>
|
||||
|
@ -24,5 +24,10 @@ export default {
|
||||
'9xl': ['8rem', { lineHeight: '1' }],
|
||||
},
|
||||
typography: typographyStyles,
|
||||
extend: {
|
||||
fontFamily: {
|
||||
mono: ['var(--font-jetbrains-mono)'],
|
||||
},
|
||||
},
|
||||
},
|
||||
} satisfies Config
|
||||
|
Loading…
x
Reference in New Issue
Block a user