add font vazir

app/globals.css

@@ -2,62 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-/* Font Irans Sans X */
-
-@font-face {
-  font-family: iran-sans;
-  src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Thin.ttf);
-  font-weight: 100;
-}
-
-@font-face {
-  font-family: iran-sans;
-  src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-ExtraBlack.ttf);
-  font-weight: 200;
-}
-
-@font-face {
-  font-family: iran-sans;
-  src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Light.ttf);
-  font-weight: 300;
-}
-
-@font-face {
-  font-family: iran-sans;
-  src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Regular.ttf);
-  font-weight: 400;
-}
-
-@font-face {
-  font-family: iran-sans;
-  src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Medium.ttf);
-  font-weight: 500;
-}
-
-@font-face {
-  font-family: iran-sans;
-  src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-DemiBold.ttf);
-  font-weight: 600;
-}
-
-@font-face {
-  font-family: iran-sans;
-  src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Bold.ttf);
-  font-weight: 700;
-}
-
-@font-face {
-  font-family: iran-sans;
-  src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-ExtraBold.ttf);
-  font-weight: 800;
-}
-
-@font-face {
-  font-family: iran-sans;
-  src: url(../public/fonts/IranSansX/FarsiNumerals/IRANSansXFaNum-Black.ttf);
-  font-weight: 900;
-}
-
 /* Font Kalame */
 
 @font-face {
@@ -114,8 +58,64 @@
   font-weight: 900;
 }
 
+/* Font Vazir */
+
+@font-face {
+  font-family: vazir;
+  src: url(../public/fonts/vazir/Vazirmatn-RD-FD-Thin.ttf);
+  font-weight: 100;
+}
+
+@font-face {
+  font-family: vazir;
+  src: url(../public/fonts/vazir/Vazirmatn-RD-FD-ExtraLight.ttf);
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: vazir;
+  src: url(../public/fonts/vazir/Vazirmatn-RD-FD-Light.ttf);
+  font-weight: 300;
+}
+
+@font-face {
+  font-family: vazir;
+  src: url(../public/fonts/vazir/Vazirmatn-RD-FD-Regular.ttf);
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: vazir;
+  src: url(../public/fonts/vazir/Vazirmatn-RD-FD-Medium.ttf);
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: vazir;
+  src: url(../public/fonts/vazir/Vazirmatn-RD-FD-SemiBold.ttf);
+  font-weight: 600;
+}
+
+@font-face {
+  font-family: vazir;
+  src: url(../public/fonts/vazir/Vazirmatn-RD-FD-Bold.ttf);
+  font-weight: 700;
+}
+
+@font-face {
+  font-family: vazir;
+  src: url(../public/fonts/vazir/Vazirmatn-RD-FD-ExtraBold.ttf);
+  font-weight: 800;
+}
+
+@font-face {
+  font-family: vazir;
+  src: url(../public/fonts/vazir/Vazirmatn-RD-FD-Black.ttf);
+  font-weight: 900;
+}
+
 body {
-  font-family: iran-sans;
+  font-family: vazir;
   padding: 0;
   margin: 0;
   background: #fafafa;
@@ -213,13 +213,11 @@ html {
 }
 
 .cover-head-blogs {
-  background: linear-gradient(
-    180deg,
+  background: linear-gradient(180deg,
       rgba(0, 0, 0, 0) 0%,
       rgba(0, 0, 0, 0.07) 31.47%,
       rgba(0, 0, 0, 0.31) 59.72%,
-    rgba(0, 0, 0, 0.7) 89.39%
-  );
+      rgba(0, 0, 0, 0.7) 89.39%);
   border-radius: 16px;
   position: relative;
   overflow: hidden;
@@ -587,6 +585,7 @@ html {
 }
 
 @media (max-width: 1024px) {
+
   .day-label-bar-inner-rtl,
   .panel-jalaali,
   .panel-header-rtl,
@@ -620,15 +619,13 @@ html {
   border-color: #343645 !important;
 }
 
-.dark
-  .MuiList-root.MuiList-padding.MuiMultiSectionDigitalClockSection-root::-webkit-scrollbar-track {
+.dark .MuiList-root.MuiList-padding.MuiMultiSectionDigitalClockSection-root::-webkit-scrollbar-track {
   background: #1f1d2b;
   height: 50px;
   border-radius: 10px;
 }
 
-.dark
-  .MuiList-root.MuiList-padding.MuiMultiSectionDigitalClockSection-root::-webkit-scrollbar-thumb {
+.dark .MuiList-root.MuiList-padding.MuiMultiSectionDigitalClockSection-root::-webkit-scrollbar-thumb {
   background: #222433;
   height: 50px;
   border-radius: 20px;
@@ -792,7 +789,7 @@ html {
 
 .Toastify__toast {
   padding: 12px 40px 12px 12px !important;
-  font-family: iran-sans !important;
+  font-family: vazir !important;
 }
 
 .Toastify__toast .Toastify__toast-body {

app/theme/theme.js

@@ -4,7 +4,7 @@ import { createTheme } from "@mui/material/styles";
 const theme = createTheme({
   direction: "rtl",
   typography: {
-    fontFamily: "iran-sans",
+    fontFamily: "vazir",
   },
   components: {
     MuiButton: {