add fonts fr

bearhack-ucr · Nov 30, 2023 · 4097329 · 4097329
1 parent 7a4f4ec
commit 4097329
Showing 1 changed file with 10 additions and 4 deletions.
diff --git a/src/app/layout.js b/src/app/layout.js
@@ -3,7 +3,11 @@
 import "./globals.css";
 import "bootstrap/dist/css/bootstrap.min.css";
 import { Poppins } from "next/font/google";
-import { Chonburi, Cormorant_Infant, Cherry_Swash } from "next/font/google";
+import {
+  Chonburi,
+  Cormorant_Infant as CormorantInfant,
+  Cherry_Swash as CherrySwash,
+} from "next/font/google";
 import { SessionProvider } from "next-auth/react";
 import { Toaster } from "react-hot-toast";
 
@@ -13,7 +17,7 @@ const poppins = Poppins({
   weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
   variable: "--font-poppins",
 });
-const cherrySwash = Cherry_Swash({
+const cherrySwash = CherrySwash({
   subsets: ["latin"],
   weight: ["400", "700"],
   variable: "--font-cherry-swash",
@@ -23,7 +27,7 @@ const chonburi = Chonburi({
   weight: "400",
   variable: "--font-chonburi",
 });
-const cormorantInfant = Cormorant_Infant({
+const cormorantInfant = CormorantInfant({
   subsets: ["latin"],
   weight: ["400", "700"],
   variable: "--font-cormorant-infant",
@@ -32,7 +36,9 @@ const cormorantInfant = Cormorant_Infant({
 export default function RootLayout({ children, session }) {
   return (
     <html lang="en" className="h-full">
-      <body className={`${poppins.variable} flex flex-col lg:flex-row h-full`}>
+      <body
+        className={`${poppins.variable} ${cherrySwash.variable} ${cherrySwash.variable} ${chonburi.variable} ${cormorantInfant.variable} flex flex-col lg:flex-row h-full`}
+      >
         <SessionProvider
           session={session}
           refetchInterval={5 * 60}