Typography

Change Font Family over here (Globally):app/layout.tsx

import { Geist } from "next/font/google";

const geist = Geist({
  subsets: ["latin"],
  display: "swap",
  variable: "--font-geist",
});

export default function Layout({ children }) {
  return (
    <body className={`${geist.className}`}>
      {children}
    </body>
  );
}