refactor: change localFont method with direct use of font face

fulcain · fulcain · commit cb90bd13cf60 · 2025-02-09T13:16:18.000+03:30
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -69,6 +69,7 @@
 body {
   color: var(--foreground);
   background: var(--background);
+  font-family: "DanaVariableFont";
 }
 
 @layer base {
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,18 +1,13 @@
+import "../../public/fonts/dana/dana.css";
 import "./globals.css";
 import { ThemeProvider } from "@/components/contexts/theme-provider";
 import type { Metadata } from "next";
-import localFont from "next/font/local";
 
 export const metadata: Metadata = {
   title: "فرانت چپتر | محلی صمیمی برای گفت و گو",
   description: "Generated by create next app",
 };
 
-const danaVF = localFont({
-  src: "../../public/fonts/dana/DanaVF.woff2",
-  fallback: ["Tahoma", "sans-serif"],
-});
-
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -23,7 +18,7 @@ export default function RootLayout({
       lang="fa-IR"
       dir="rtl"
       style={{ colorScheme: "dark" }}
-      className={`dark ${danaVF.className}`}
+      className="dark"
     >
       <body className="bg-background antialiased">
         <ThemeProvider>{children}</ThemeProvider>

Original file line number	Diff line number	Diff line change
`@@ -69,6 +69,7 @@`
`69`	`69`	`body {`
`70`	`70`	`color: var(--foreground);`
`71`	`71`	`background: var(--background);`
	`72`	`+ font-family: "DanaVariableFont";`
`72`	`73`	`}`
`73`	`74`
`74`	`75`	`@layer base {`