Updated layout.tsx to use Inter typeface

This commit is contained in:
sid
2024-10-25 13:09:50 +01:00
parent 3c21c2ebc5
commit 2293a504b1

View File

@@ -1,21 +1,26 @@
import type { Metadata } from 'next'; import type { Metadata } from 'next';
import localFont from 'next/font/local'; // import localFont from 'next/font/local';
import './globals.css'; import './globals.css';
const geistSans = localFont({ import { Inter } from 'next/font/google';
src: './fonts/GeistVF.woff', import './globals.css';
variable: '--font-geist-sans',
weight: '100 900', const inter = Inter({ subsets: ['latin'] });
});
const geistMono = localFont({ // const geistSans = localFont({
src: './fonts/GeistMonoVF.woff', // src: './fonts/GeistVF.woff',
variable: '--font-geist-mono', // variable: '--font-geist-sans',
weight: '100 900', // weight: '100 900',
}); // });
// const geistMono = localFont({
// src: './fonts/GeistMonoVF.woff',
// variable: '--font-geist-mono',
// weight: '100 900',
// });
export const metadata: Metadata = { export const metadata: Metadata = {
title: 'Create Next App', title: 'Ticket Chain',
description: 'Generated by create next app', description: 'A blockchain-based ticketing system.',
}; };
export default function RootLayout({ export default function RootLayout({
@@ -24,12 +29,8 @@ export default function RootLayout({
children: React.ReactNode; children: React.ReactNode;
}>) { }>) {
return ( return (
<html lang="en "> <html lang="en">
<body <body className={inter.className}>{children}</body>
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
{children}
</body>
</html> </html>
); );
} }