2024-11-04 22:35:57 -06:00
2 changed files with 5 additions and 5 deletions
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -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" />
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -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,