feat: add danaVF font to html using localFont method

fulcain · fulcain · commit db4f04482aa5 · 2025-02-03T00:14:37.000+03:30
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,33 +1,28 @@
 import "./globals.css";
 import { ThemeProvider } from "@/components/contexts/theme-provider";
 import type { Metadata } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
+import localFont from "next/font/local";
 
 export const metadata: Metadata = {
   title: "Create Next App",
   description: "Generated by create next app",
 };
 
+const danaVF = localFont({ src: "../../public/fonts/dana/DanaVF.woff2" });
+
 export default function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="fa-IR" style={{colorScheme:"dark"}} className="dark" >
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
+    <html
+      lang="fa-IR"
+      dir="rtl"
+      style={{ colorScheme: "dark" }}
+      className={`dark ${danaVF.className}`}
+    >
+      <body className="antialiased">
         <ThemeProvider>{children}</ThemeProvider>
       </body>
     </html>
