Change font

8 months ago · a49ab59cb4
parent b11715e332
commit a49ab59cb4
3 changed files with 6 additions and 13 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@ -1,4 +1,4 @@
-@import "tailwindcss";
+@import 'tailwindcss';
 :root {
  --background: #ffffff;
@ -22,5 +22,5 @@
 body {
  background: var(--background);
  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+  font-family: Inter, Arial, Helvetica, sans-serif;
 }
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@ -1,14 +1,9 @@
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
+import { Inter } from "next/font/google";
 import "./globals.css";
-const geistSans = Geist({
+const inter = Inter({
-  variable: "--font-geist-sans",
+  variable: "--font-inter",
  subsets: ["latin"],
 });
 const geistMono = Geist_Mono({
  variable: "--font-geist-mono",
  subsets: ["latin"],
 });
@ -25,7 +20,7 @@ export default function RootLayout({
  return (
    <html lang="en">
      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+        className={`${inter.variable} antialiased`}
      >
        {children}
      </body>
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@ -1,5 +1,3 @@
 import Image from "next/image";
 export default function Home() {
  return (
    <div>