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
Show Stats 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" />

2
tailwind.config.js
View File

@ -22,7 +22,7 @@ module.exports = {
14: '3.5rem',
},
fontFamily: {
sans: ['var(--font-inter)', ...fontFamily.sans],
sans: ['var(--font-space-grotesk)', ...fontFamily.sans],
},
colors: {
primary: colors.pink,