viibhuGupta/Local Font

## Local Font
STEP 1 :
public/fonts put all fonts
 1
 2

 STEP 2 :

 // @/utils/coustomFonts.js

import localFont from "next/font/local";

const gtRG = localFont({
  src: [{ path: "../public/assets/fonts/gtRG.woff2" }],
  variable: "--font-gtRG",
});

const gtTrial = localFont({
  src: [{ path: "../public/assets/fonts/gtTrial.woff2" }],
  variable: "--font-gtTrial",
});

export { gtRG  , gtTrial}; // Exporting gtRG as a named export

STEP 3 :

import { gtRG , gtTrial } from "@/utils/coustomFonts";
 <body className={`${gtRG.variable} ${gtTrial.variable}`}>{children}</body>

  STEP 4 :

  fontFamily : {
      gtRG : ["var(--font-gtRG)"],
      gtTrial: ["var(--font-gtTrial)"],
    },

 STEP 5 :

 main.css

 body {
    @apply font-gtTrial;
  }
	STEP 1 :
	public/fonts put all fonts
	1
	2

	STEP 2 :

	// @/utils/coustomFonts.js

	import localFont from "next/font/local";

	const gtRG = localFont({
	src: [{ path: "../public/assets/fonts/gtRG.woff2" }],
	variable: "--font-gtRG",
	});

	const gtTrial = localFont({
	src: [{ path: "../public/assets/fonts/gtTrial.woff2" }],
	variable: "--font-gtTrial",
	});

	export { gtRG , gtTrial}; // Exporting gtRG as a named export

	STEP 3 :

	import { gtRG , gtTrial } from "@/utils/coustomFonts";
	<body className={`${gtRG.variable} ${gtTrial.variable}`}>{children}</body>

	STEP 4 :

	fontFamily : {
	gtRG : ["var(--font-gtRG)"],
	gtTrial: ["var(--font-gtTrial)"],
	},

	STEP 5 :

	main.css

	body {
	@apply font-gtTrial;
	}