marsultor/public-blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

typography: replace Inter with Fraunces (headings) + IBM Plex Mono (body), keep JetBrains Mono (code)

Browse Source
This commit is contained in:
Krishna Ayyalasomayajula
2026-06-02 00:47:32 -05:00
parent ca99f60751
commit 2717997a92
1 changed files with 7 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/layout.tsx
View File

@@ -1,5 +1,5 @@
import type { Metadata } from 'next' import type { Metadata } from 'next'
import { Inter, JetBrains_Mono } from 'next/font/google' import { Fraunces, JetBrains_Mono } from 'next/font/google'
import { ThemeProvider } from '@wrksz/themes/next' import { ThemeProvider } from '@wrksz/themes/next'
import './globals.css' import './globals.css'
import 'katex/dist/katex.min.css' import 'katex/dist/katex.min.css'
@@ -8,16 +8,15 @@ import { Footer } from '@/components/layout/Footer'
import { ScrollProgress } from '@/components/ui/ScrollProgress' import { ScrollProgress } from '@/components/ui/ScrollProgress'
import { Providers } from './providers' import { Providers } from './providers'
const inter = Inter({ const fraunces = Fraunces({
weight: ['300', '400', '500', '600', '700'], weight: ['400', '500', '600', '700', '800'],
style: ['normal', 'italic'], style: ['normal', 'italic'],
subsets: ['latin'], subsets: ['latin'],
display: 'swap', display: 'swap',
adjustFontFallback: true, adjustFontFallback: false,
variable: '--font-inter', variable: '--font-fraunces',
}) })
const jetbrainsMono = JetBrains_Mono({ const jetbrainsMono = JetBrains_Mono({
subsets: ['latin'], subsets: ['latin'],
display: 'swap', display: 'swap',
@@ -31,8 +30,8 @@ export const metadata: Metadata = {
export default function RootLayout({ children }: { children: React.ReactNode }) { export default function RootLayout({ children }: { children: React.ReactNode }) {
return ( return (
<html lang="en" className={`${inter.variable} ${jetbrainsMono.variable}`} suppressHydrationWarning> <html lang="en" className={`${fraunces.variable} ${jetbrainsMono.variable}`} suppressHydrationWarning>
<body className={`antialiased bg-canvas text-ink ${inter.className}`}> <body className={`antialiased bg-canvas text-ink ${fraunces.className}`}>
<ThemeProvider <ThemeProvider
attribute="class" attribute="class"
defaultTheme="system" defaultTheme="system"