fix font, remove old

swush-labs · Nov 18, 2024 · 2ee8f85 · 2ee8f85
1 parent 8d7be84
commit 2ee8f85
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 15 deletions.
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,18 +1,12 @@
 import type { Metadata } from "next";
-import localFont from "next/font/local";
 import "./globals.css";
+import { Inter } from 'next/font/google'
 
-const geistSans = localFont({
-  src: "./fonts/GeistVF.woff",
-  variable: "--font-geist-sans",
-  weight: "100 900",
-});
-const geistMono = localFont({
-  src: "./fonts/GeistMonoVF.woff",
-  variable: "--font-geist-mono",
-  weight: "100 900",
-});
 
+export const inter = Inter({
+  subsets: ['latin'],
+  display: 'swap',
+})
 export const metadata: Metadata = {
   title: "Swush",
   description: "DEX Aggregator on Polkadot Asset Hub",
@@ -26,9 +20,9 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
+        className={inter.className}
       >
-          {children}
+        {children}
       </body>
     </html>
   );

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -17,8 +17,11 @@ const config: Config = {
   			lg: 'var(--radius)',
   			md: 'calc(var(--radius) - 2px)',
   			sm: 'calc(var(--radius) - 4px)'
-  		}
-  	}
+  		},
+		fontFamily: {
+        	sans: ['var(--font-inter)'],
+      },
+    },
   },
   plugins: [require("tailwindcss-animate")],
 };