jblu/jonbio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change default font from inter to space grotesk

Browse Source
This commit is contained in:
Timothy Lin
2023-07-29 19:00:04 +08:00
parent 94091a089b
commit ad47ca6980
2 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/layout.tsx
View File

@ -3,7 +3,7 @@ import 'css/prism.css'
import 'pliny/search/algolia.css'
import 'katex/dist/katex.css'
import { Inter } from 'next/font/google'
import { Space_Grotesk } from 'next/font/google'
import { Analytics, AnalyticsConfig } from 'pliny/analytics'
import { SearchProvider, SearchConfig } from 'pliny/search'
import Header from '@/components/Header'
@ -13,10 +13,10 @@ import siteMetadata from '@/data/siteMetadata'
import { ThemeProviders } from './theme-providers'
import { Metadata } from 'next'
const inter = Inter({
const space_grotesk = Space_Grotesk({
subsets: ['latin'],
display: 'swap',
variable: '--font-inter',
variable: '--font-space-grotesk',
})
export const metadata: Metadata = {
@ -63,7 +63,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
return (
<html
lang={siteMetadata.language}
className={`${inter.variable} scroll-smooth`}
className={`${space_grotesk.variable} scroll-smooth`}
suppressHydrationWarning
>
<link rel="apple-touch-icon" sizes="76x76" href="/static/favicons/apple-touch-icon.png" />