.use next/font

2026-04-29 03:37:41 +02:00 · 2023-04-09 11:40:21 +02:00
parent 9cf213d556
commit 59d88339bd
3 changed files with 20 additions and 5 deletions
@@ -2,17 +2,25 @@ import { AppProps } from 'next/app';
 import { Analytics } from '@vercel/analytics/react';
 import { ThemeProvider } from 'next-themes';
 import Head from 'next/head';
+import { Inter } from 'next/font/google';
 import '@/styles/globals.scss';

+const inter = Inter({
+  subsets: ['latin'],
+  variable: '--font-inter',
+});
+
 export default function App({ Component, pageProps }: AppProps) {
  return (
    <>
      <Head>
        <title>albert</title>
      </Head>
-      <ThemeProvider>
-        <Component {...pageProps} />
-      </ThemeProvider>
+      <main className={`${inter.variable} font-sans`}>
+        <ThemeProvider>
+          <Component {...pageProps} />
+        </ThemeProvider>
+      </main>
      <Analytics />
    </>
  );