change font

components.d.ts

@@ -15,13 +15,16 @@ declare module 'vue' {
     AInputPassword: typeof import('ant-design-vue/es')['InputPassword']
     AModal: typeof import('ant-design-vue/es')['Modal']
     AppCreditLink: typeof import('./src/components/AppCreditLink.vue')['default']
+    ARadio: typeof import('ant-design-vue/es')['Radio']
     ARadioButton: typeof import('ant-design-vue/es')['RadioButton']
     ARadioGroup: typeof import('ant-design-vue/es')['RadioGroup']
     ASelect: typeof import('ant-design-vue/es')['Select']
     ASelectOption: typeof import('ant-design-vue/es')['SelectOption']
     ASlider: typeof import('ant-design-vue/es')['Slider']
     ASpin: typeof import('ant-design-vue/es')['Spin']
+    ASwitch: typeof import('ant-design-vue/es')['Switch']
     ATag: typeof import('ant-design-vue/es')['Tag']
+    ATextarea: typeof import('ant-design-vue/es')['Textarea']
     ATooltip: typeof import('ant-design-vue/es')['Tooltip']
     BaseDatePicker: typeof import('./src/components/BasicPacks/BaseDatePicker/src/BaseDatePicker.vue')['default']
     Basic: typeof import('./src/components/BasicPacks/BaseDatePicker/src/datePick/demo/basic.vue')['default']
@@ -67,5 +70,6 @@ declare module 'vue' {
     TransactionSkeleton: typeof import('./src/components/TransactionSkeleton.vue')['default']
     VanActionSheet: typeof import('vant/es')['ActionSheet']
     VanDialog: typeof import('vant/es')['Dialog']
+    VanField: typeof import('vant/es')['Field']
   }
 }

src/assets/css/fonts.less

@@ -1,86 +1,110 @@
 @import (less) './var.less';
 
+/**
+ * Dana Pro (FaNum) — اعداد فارسی
+ * منبع: DanaPro Webfonts / Farsi numerals
+ */
+
 @font-face {
-  font-family: @prefixCls-font-family;
-  src: url("../fonts/iranSans/woff2/IRANSansWeb(FaNum).woff2") format("woff2");
-  font-weight: normal;
+  font-family: dana;
   font-style: normal;
+  font-weight: 10;
+  src: url('../fonts/Dana/woff2/DanaFaNum-Hairline.woff2') format('woff2'),
+    url('../fonts/Dana/woff/DanaFaNum-Hairline.woff') format('woff');
 }
 
 @font-face {
-  font-family: @prefixCls-font-family;
-  src: url("../fonts/iranSans/woff2/IRANSansWeb(FaNum)_Light.woff2") format("woff2");
+  font-family: dana;
+  font-style: normal;
   font-weight: 100;
-  font-style: normal;
+  src: url('../fonts/Dana/woff2/DanaFaNum-Thin.woff2') format('woff2'),
+    url('../fonts/Dana/woff/DanaFaNum-Thin.woff') format('woff');
 }
 
 @font-face {
-  font-family: @prefixCls-font-family;
-  src: url("../fonts/iranSans/woff2/IRANSansWeb(FaNum)_UltraLight.woff2") format("woff2");
+  font-family: dana;
+  font-style: normal;
+  font-weight: 200;
+  src: url('../fonts/Dana/woff2/DanaFaNum-UltraLight.woff2') format('woff2'),
+    url('../fonts/Dana/woff/DanaFaNum-UltraLight.woff') format('woff');
+}
+
+@font-face {
+  font-family: dana;
+  font-style: normal;
   font-weight: 300;
-  font-style: normal;
+  src: url('../fonts/Dana/woff2/DanaFaNum-Light.woff2') format('woff2'),
+    url('../fonts/Dana/woff/DanaFaNum-Light.woff') format('woff');
 }
 
 @font-face {
-  font-family: @prefixCls-font-family;
-  src: url("../fonts/iranSans/woff2/IRANSansWeb(FaNum)_Medium.woff2") format("woff2");
-  font-weight: 500;
+  font-family: dana;
   font-style: normal;
-}
-
-@font-face {
-  font-family: @prefixCls-font-family;
-  src: url("../fonts/iranSans/woff2/IRANSansWeb(FaNum)_Bold.woff2") format("woff2");
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: @prefixCls-font-family;
-  src: url("../fonts/iranSans/woff2/IRANSansWeb(FaNum)_Black.woff2") format("woff2");
-  font-weight: 900;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'dana';
-  src: url("../fonts/Dana/Dana-Regular.ttf") format("truetype");
   font-weight: 400;
-  font-style: normal;
+  src: url('../fonts/Dana/woff2/DanaFaNum-Regular.woff2') format('woff2'),
+    url('../fonts/Dana/woff/DanaFaNum-Regular.woff') format('woff');
 }
 
 @font-face {
-  font-family: 'dana';
-  src: url("../fonts/Dana/Dana-Light.ttf") format("truetype");
-  font-weight: 300;
+  font-family: dana;
   font-style: normal;
-}
-
-@font-face {
-  font-family: 'dana';
-  src: url("../fonts/Dana/Dana-Medium.ttf") format("truetype");
   font-weight: 500;
-  font-style: normal;
+  src: url('../fonts/Dana/woff2/DanaFaNum-Medium.woff2') format('woff2'),
+    url('../fonts/Dana/woff/DanaFaNum-Medium.woff') format('woff');
 }
 
 @font-face {
-  font-family: 'dana';
-  src: url("../fonts/Dana/Dana-DemiBold.ttf") format("truetype");
+  font-family: dana;
+  font-style: normal;
   font-weight: 600;
-  font-style: normal;
+  src: url('../fonts/Dana/woff2/DanaFaNum-DemiBold.woff2') format('woff2'),
+    url('../fonts/Dana/woff/DanaFaNum-DemiBold.woff') format('woff');
 }
 
 @font-face {
-  font-family: 'dana';
-  src: url("../fonts/Dana/Dana-Bold.ttf") format("truetype");
+  font-family: dana;
+  font-style: normal;
   font-weight: 700;
-  font-style: normal;
+  src: url('../fonts/Dana/woff2/DanaFaNum-Bold.woff2') format('woff2'),
+    url('../fonts/Dana/woff/DanaFaNum-Bold.woff') format('woff');
 }
 
 @font-face {
-  font-family: 'dana';
-  src: url("../fonts/Dana/Dana-Black.ttf") format("truetype");
-  font-weight: 900;
+  font-family: dana;
   font-style: normal;
+  font-weight: 800;
+  src: url('../fonts/Dana/woff2/DanaFaNum-ExtraBold.woff2') format('woff2'),
+    url('../fonts/Dana/woff/DanaFaNum-ExtraBold.woff') format('woff');
 }
 
+@font-face {
+  font-family: dana;
+  font-style: normal;
+  font-weight: 900;
+  src: url('../fonts/Dana/woff2/DanaFaNum-Black.woff2') format('woff2'),
+    url('../fonts/Dana/woff/DanaFaNum-Black.woff') format('woff');
+}
+
+@font-face {
+  font-family: dana;
+  font-style: normal;
+  font-weight: 930;
+  src: url('../fonts/Dana/woff2/DanaFaNum-ExtraBlack.woff2') format('woff2'),
+    url('../fonts/Dana/woff/DanaFaNum-ExtraBlack.woff') format('woff');
+}
+
+@font-face {
+  font-family: dana;
+  font-style: normal;
+  font-weight: 960;
+  src: url('../fonts/Dana/woff2/DanaFaNum-Heavy.woff2') format('woff2'),
+    url('../fonts/Dana/woff/DanaFaNum-Heavy.woff') format('woff');
+}
+
+@font-face {
+  font-family: dana;
+  font-style: normal;
+  font-weight: 990;
+  src: url('../fonts/Dana/woff2/DanaFaNum-fat.woff2') format('woff2'),
+    url('../fonts/Dana/woff/DanaFaNum-fat.woff') format('woff');
+}

src/assets/css/var.less

@@ -2,7 +2,7 @@
 
 @App-primary-color: var(--App-primary-color);
 @secondary-color:  var(--App-secondary-color);
-@prefixCls-font-family: 'iran-sans';
+@prefixCls-font-family: 'dana';
 @prefixCls-background-color:  var(--App-background-color);
 
 @border-radius-base: 8px;
@@ -10,5 +10,5 @@
   --App-primary-color: #0A1B37;
   --App-secondary-color: #e0be7f;
   --App-background-color: #ffffff;
-  --App-font-family: 'iran-sans', sans-serif;
+  --App-font-family: 'dana', sans-serif;
 }