reyhanehesam/modding-way
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add fonts

Browse Source
This commit is contained in:
Reyhaneh 2026-01-22 11:11:23 +03:30
parent dbf35b4a8f
commit d1e5c0fd70
7 changed files with 84 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -13,7 +13,7 @@
<link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;600;700&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;600;700&display=swap" rel="stylesheet">
</head> </head>
<body class=""> <body class="font-dana-m">
<div class="flex flex-col items-center justify-start gap-5"> <div class="flex flex-col items-center justify-start gap-5">

BIN
src/assets/font/woff2/DanaFaNum-Bold.woff2 Normal file
View File

Binary file not shown.

BIN
src/assets/font/woff2/DanaFaNum-Medium.woff2 Normal file
View File

Binary file not shown.

BIN
src/assets/font/woff2/DanaFaNum-Regular.woff2 Normal file
View File

Binary file not shown.

25
src/style/input.css
View File

@ -4,9 +4,30 @@
@layer base { @layer base {
@font-face {
font-family: "dana regular";
font-weight: 100;
src: url("../assets/font/woff2/DanaFaNum-Regular.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: "dana medium";
font-weight: 500;
src: url("../assets/font/woff2/DanaFaNum-Medium.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: "dana bold";
font-weight: 700;
src: url("../assets/font/woff2/DanaFaNum-Bold.woff2") format("woff2");
font-display: swap;
}
* { * {
font-family: 'Vazirmatn', sans-serif; @apply font-dana-m;
font-weight: 400; font-weight: 500;
box-sizing: border-box; box-sizing: border-box;
} }

111
src/style/output.css
View File

@ -554,9 +554,39 @@ video {
display: none; display: none;
} }
@font-face {
font-family: "dana regular";
font-weight: 100;
src: url("../assets/font/woff2/DanaFaNum-Regular.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: "dana medium";
font-weight: 500;
src: url("../assets/font/woff2/DanaFaNum-Medium.woff2") format("woff2");
font-display: swap;
}
@font-face {
font-family: "dana bold";
font-weight: 700;
src: url("../assets/font/woff2/DanaFaNum-Bold.woff2") format("woff2");
font-display: swap;
}
* { * {
font-family: 'Vazirmatn', sans-serif; font-family: dana medium;
font-weight: 400; font-weight: 500;
box-sizing: border-box; box-sizing: border-box;
} }
@ -684,6 +714,10 @@ input[type="search"]:focus {
margin-top: 0.5rem; margin-top: 0.5rem;
} }
.mt-3 {
margin-top: 0.75rem;
}
.mt-4 { .mt-4 {
margin-top: 1rem; margin-top: 1rem;
} }
@ -692,10 +726,6 @@ input[type="search"]:focus {
margin-top: 2.25rem; margin-top: 2.25rem;
} }
.mt-3 {
margin-top: 0.75rem;
}
.line-clamp-1 { .line-clamp-1 {
overflow: hidden; overflow: hidden;
display: -webkit-box; display: -webkit-box;
@ -1004,10 +1034,6 @@ input[type="search"]:focus {
gap: 2.25rem; gap: 2.25rem;
} }
.gap-0 {
gap: 0px;
}
.overflow-hidden { .overflow-hidden {
overflow: hidden; overflow: hidden;
} }
@ -1040,10 +1066,6 @@ input[type="search"]:focus {
border-radius: 9999px; border-radius: 9999px;
} }
.rounded {
border-radius: 0.25rem;
}
.rounded-b-\[30px\] { .rounded-b-\[30px\] {
border-bottom-right-radius: 30px; border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px; border-bottom-left-radius: 30px;
@ -1096,11 +1118,6 @@ input[type="search"]:focus {
border-color: rgb(209 213 219 / var(--tw-border-opacity)); border-color: rgb(209 213 219 / var(--tw-border-opacity));
} }
.border-gray-500 {
--tw-border-opacity: 1;
border-color: rgb(107 114 128 / var(--tw-border-opacity));
}
.border-gray-400 { .border-gray-400 {
--tw-border-opacity: 1; --tw-border-opacity: 1;
border-color: rgb(156 163 175 / var(--tw-border-opacity)); border-color: rgb(156 163 175 / var(--tw-border-opacity));
@ -1174,10 +1191,6 @@ input[type="search"]:focus {
padding: 1.25rem; padding: 1.25rem;
} }
.p-\[2px\] {
padding: 2px;
}
.px-14 { .px-14 {
padding-left: 3.5rem; padding-left: 3.5rem;
padding-right: 3.5rem; padding-right: 3.5rem;
@ -1223,6 +1236,11 @@ input[type="search"]:focus {
padding-bottom: 0.25rem; padding-bottom: 0.25rem;
} }
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.py-3 { .py-3 {
padding-top: 0.75rem; padding-top: 0.75rem;
padding-bottom: 0.75rem; padding-bottom: 0.75rem;
@ -1258,26 +1276,6 @@ input[type="search"]:focus {
padding-bottom: 5px; padding-bottom: 5px;
} }
.py-5 {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.px-7 {
padding-left: 1.75rem;
padding-right: 1.75rem;
}
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.pb-2 { .pb-2 {
padding-bottom: 0.5rem; padding-bottom: 0.5rem;
} }
@ -1290,6 +1288,10 @@ input[type="search"]:focus {
padding-bottom: 2px; padding-bottom: 2px;
} }
.pb-\[3px\] {
padding-bottom: 3px;
}
.pl-11 { .pl-11 {
padding-left: 2.75rem; padding-left: 2.75rem;
} }
@ -1330,10 +1332,6 @@ input[type="search"]:focus {
padding-top: 2px; padding-top: 2px;
} }
.pb-\[3px\] {
padding-bottom: 3px;
}
.text-left { .text-left {
text-align: left; text-align: left;
} }
@ -1346,6 +1344,10 @@ input[type="search"]:focus {
text-align: justify; text-align: justify;
} }
.font-dana-m {
font-family: dana medium;
}
.text-2xl { .text-2xl {
font-size: 1.5rem; font-size: 1.5rem;
line-height: 2rem; line-height: 2rem;
@ -1395,6 +1397,11 @@ input[type="search"]:focus {
color: rgb(0 0 0 / var(--tw-text-opacity)); color: rgb(0 0 0 / var(--tw-text-opacity));
} }
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-500 { .text-gray-500 {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(107 114 128 / var(--tw-text-opacity)); color: rgb(107 114 128 / var(--tw-text-opacity));
@ -1409,16 +1416,6 @@ input[type="search"]:focus {
color: rgb(255 255 255 / var(--tw-text-opacity)); color: rgb(255 255 255 / var(--tw-text-opacity));
} }
.text-gray-400 {
--tw-text-opacity: 1;
color: rgb(156 163 175 / var(--tw-text-opacity));
}
.text-gray-300 {
--tw-text-opacity: 1;
color: rgb(209 213 219 / var(--tw-text-opacity));
}
.shadow { .shadow {
--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);

7
tailwind.config.js
View File

@ -9,7 +9,12 @@ export default {
colors: { colors: {
Dark_orange: "#f87f06", Dark_orange: "#f87f06",
Light_orange: "#fba105" Light_orange: "#fba105"
} },
fontFamily: {
"dana-r": ["dana regular"], /*400*/
"dana-m": ["dana medium"], /*500*/
"dana-b": ["dana bold"], /*600*/
},
}, },
}, },
plugins: [], plugins: [],