File size: 1,461 Bytes
e49fcf4 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 |
import type { Metadata } from "next";
import { Geist, Geist_Mono, Crimson_Text, Poppins, Roboto, Roboto_Slab } from "next/font/google";
import { Shadows_Into_Light } from "next/font/google";
import "./globals.css";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
const shadowsIntoLight = Shadows_Into_Light({
weight: '400',
subsets: ['latin'],
variable: '--font-shadows',
});
const crimsonText = Crimson_Text({
weight: ['400', '700'],
subsets: ['latin'],
variable: '--font-crimson',
});
const poppins = Poppins({
weight: ['400', '700'],
subsets: ['latin'],
variable: '--font-poppins',
});
const roboto = Roboto({
weight: ['400', '700'],
subsets: ['latin'],
variable: '--font-roboto',
});
const robotoSlab = Roboto_Slab({
weight: ['400', '700'],
subsets: ['latin'],
variable: '--font-roboto-slab',
});
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body className={`${geistSans.variable} ${geistMono.variable} ${shadowsIntoLight.variable} ${crimsonText.variable} antialiased ${poppins.variable} ${roboto.variable} ${robotoSlab.variable}`}>
{children}
</body>
</html>
);
}
|