heymlz/hossein-por-shop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add iran yekan x fonts

Browse Source
This commit is contained in:
marzban-dev
2024-12-14 18:21:16 +03:30
parent 724dfba5b6
commit 19b2c86be3
5 changed files with 138 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/assets/css/fonts/iran-yekan-x.css
+89
View File
@@ -0,0 +1,89 @@
@layer base {
@font-face {
font-family: "IRANYekanXVF";
src: url("/fonts/IranYekanX/IRANYekanX-Thin.woff2");
font-weight: 100;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IRANYekanXVF";
src: url("/fonts/IranYekanX/IRANYekanX-UltraLight.woff2");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IRANYekanXVF";
src: url("/fonts/IranYekanX/IRANYekanX-Light.woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IRANYekanXVF";
src: url("/fonts/IranYekanX/IRANYekanX-Regular.woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IRANYekanXVF";
src: url("/fonts/IranYekanX/IRANYekanX-Medium.woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IRANYekanXVF";
src: url("/fonts/IranYekanX/IRANYekanX-DemiBold.woff2");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IRANYekanXVF";
src: url("/fonts/IranYekanX/IRANYekanX-Bold.woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IRANYekanXVF";
src: url("/fonts/IranYekanX/IRANYekanX-ExtraBold.woff2");
font-weight: 800;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IRANYekanXVF";
src: url("/fonts/IranYekanX/IRANYekanX-Black.woff2");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IRANYekanXVF";
src: url("/fonts/IranYekanX/IRANYekanX-ExtraBlack.woff2");
font-weight: 950;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "IRANYekanXVF";
src: url("/fonts/IranYekanX/IRANYekanX-Heavy.woff2");
font-weight: 1000;
font-style: normal;
font-display: swap;
}
}
frontend/assets/css/tailwind.css
+3 -2
View File
@@ -4,6 +4,7 @@
@import "./typo.utils.css"; @import "./typo.utils.css";
@import "./button.comp.css"; @import "./button.comp.css";
@import "./input.comp.css"; @import "./input.comp.css";
@import "./fonts/iran-yekan-x.css"
@theme { @theme {
/* COLORS */ /* COLORS */
@@ -107,7 +108,7 @@
--font-lato: "Lato", sans-serif; --font-lato: "Lato", sans-serif;
--font-inter: "Inter", sans-serif; --font-inter: "Inter", sans-serif;
--font-dmsans: "DM Sans", sans-serif; --font-dmsans: "DM Sans", sans-serif;
--font-iran-yekan-x: "IRANYekanXVF, sans-serif"; --font-iran-yekan-x: "IRANYekanXVF", "sans-serif";
/* BREAKPOINTS */ /* BREAKPOINTS */
--breakpoint-3xl: 1700px; --breakpoint-3xl: 1700px;
@@ -132,4 +133,4 @@
@screen xl { @screen xl {
padding-inline: 5rem; padding-inline: 5rem;
} }
} }
frontend/assets/css/typo.utils.css
+23 -23
View File
@@ -1,96 +1,96 @@
/* TYPO HERO */ /* TYPO HERO */
@utility typo-hero-1 { @utility typo-hero-1 {
@apply text-[96px] leading-[96px] font-bold font-dmsans; @apply text-[96px] leading-[96px] font-bold ;
} }
@utility typo-hero-2 { @utility typo-hero-2 {
@apply text-[72px] leading-[72px] font-bold font-dmsans; @apply text-[72px] leading-[72px] font-bold ;
} }
/* TYPE HEADING */ /* TYPE HEADING */
@utility typo-h-1 { @utility typo-h-1 {
@apply text-[64px] leading-[72px] font-bold font-dmsans; @apply text-[64px] leading-[72px] font-bold ;
} }
@utility typo-h-2 { @utility typo-h-2 {
@apply text-[56px] leading-[64px] font-bold font-dmsans; @apply text-[56px] leading-[64px] font-bold ;
} }
@utility typo-h-3 { @utility typo-h-3 {
@apply text-[48px] leading-[56px] font-bold font-dmsans; @apply text-[48px] leading-[56px] font-bold ;
} }
@utility typo-h-4 { @utility typo-h-4 {
@apply text-[40px] leading-[52px] font-bold font-inter; @apply text-[40px] leading-[52px] font-bold ;
} }
@utility typo-h-5 { @utility typo-h-5 {
@apply text-[32px] leading-[40px] font-bold font-inter; @apply text-[32px] leading-[40px] font-bold ;
} }
@utility typo-h-6 { @utility typo-h-6 {
@apply text-[24px] leading-[32px] font-bold font-inter; @apply text-[24px] leading-[32px] font-bold ;
} }
/* TYPE SUBHEADING */ /* TYPE SUBHEADING */
@utility typo-sub-h-xl { @utility typo-sub-h-xl {
@apply text-[20px] leading-[24px] font-semibold font-inter; @apply text-[20px] leading-[24px] font-semibold ;
} }
@utility typo-sub-h-lg { @utility typo-sub-h-lg {
@apply text-[18px] leading-[24px] font-semibold font-inter; @apply text-[18px] leading-[24px] font-semibold ;
} }
@utility typo-sub-h-md { @utility typo-sub-h-md {
@apply text-[16px] leading-[20px] font-semibold font-inter; @apply text-[16px] leading-[20px] font-semibold ;
} }
@utility typo-sub-h-sm { @utility typo-sub-h-sm {
@apply text-[14px] leading-[20px] font-semibold font-inter; @apply text-[14px] leading-[20px] font-semibold ;
} }
@utility typo-sub-h-xs { @utility typo-sub-h-xs {
@apply text-[12px] leading-[16px] font-semibold font-inter; @apply text-[12px] leading-[16px] font-semibold ;
} }
/* TYPE PARAGRAPH */ /* TYPE PARAGRAPH */
@utility typo-p-2xl { @utility typo-p-2xl {
@apply text-[24px] leading-[40px] font-light font-inter; @apply text-[24px] leading-[40px] font-light ;
} }
@utility typo-p-xl { @utility typo-p-xl {
@apply text-[20px] leading-[32px] font-light font-inter; @apply text-[20px] leading-[32px] font-light ;
} }
@utility typo-p-lg { @utility typo-p-lg {
@apply text-[18px] leading-[32px] font-light font-inter; @apply text-[18px] leading-[32px] font-light ;
} }
@utility typo-p-md { @utility typo-p-md {
@apply text-[16px] leading-[28px] font-light font-inter; @apply text-[16px] leading-[28px] font-light ;
} }
@utility typo-p-sm { @utility typo-p-sm {
@apply text-[14px] leading-[24px] font-light font-inter; @apply text-[14px] leading-[24px] font-light ;
} }
@utility typo-p-xs { @utility typo-p-xs {
@apply text-[12px] leading-[16px] font-light font-inter; @apply text-[12px] leading-[16px] font-light ;
} }
/* TYPO LABEL */ /* TYPO LABEL */
@utility typo-label-lg { @utility typo-label-lg {
@apply text-[18px] leading-[24px] font-medium font-inter; @apply text-[18px] leading-[24px] font-medium ;
} }
@utility typo-label-md { @utility typo-label-md {
@apply text-[16px] leading-[24px] font-medium font-inter; @apply text-[16px] leading-[24px] font-medium ;
} }
@utility typo-label-sm { @utility typo-label-sm {
@apply text-[14px] leading-[20px] font-medium font-inter; @apply text-[14px] leading-[20px] font-medium ;
} }
@utility typo-label-xs { @utility typo-label-xs {
@apply text-[12px] leading-[16px] font-medium font-inter; @apply text-[12px] leading-[16px] font-medium ;
} }
frontend/layouts/Default.vue
+1 -1
View File
@@ -11,7 +11,7 @@
</script> </script>
<template> <template>
<div class="w-full flex flex-col-center font-dmsans" dir="rtl"> <div class="w-full flex flex-col-center font-iran-yekan-x" dir="rtl">
<Header /> <Header />
<main class="w-full overflow-x-hidden container"> <main class="w-full overflow-x-hidden container">
<slot /> <slot />
frontend/nuxt.config.ts
+22 -24
View File
@@ -3,20 +3,22 @@ export default defineNuxtConfig({
compatibilityDate: "2024-11-01", compatibilityDate: "2024-11-01",
ssr: false, ssr: false,
devtools: { enabled: false }, devtools: { enabled: false },
css: ["~/assets/css/tailwind.css"], css: [
"~/assets/css/tailwind.css",
],
postcss: { postcss: {
plugins: { plugins: {
"@tailwindcss/postcss": {}, "@tailwindcss/postcss": {},
autoprefixer: {}, autoprefixer: {}
}, }
}, },
components: [ components: [
{ {
path: "~/components", path: "~/components",
pathPrefix: false, pathPrefix: false
}, }
], ],
icon: { icon: {
@@ -24,24 +26,20 @@ export default defineNuxtConfig({
customCollections: [ customCollections: [
{ {
prefix: "ci", prefix: "ci",
dir: "./public/icons", dir: "./public/icons"
}, }
], ]
}, },
modules: [ modules: [[
[ "@nuxtjs/google-fonts",
"@nuxtjs/google-fonts", {
{ families: {
families: { "DM Sans": "100..900",
"DM Sans": "100..900", Inter: "100..900",
Inter: "100..900", download: true,
download: true, inject: false
inject: false, }
}, }
}, ], "@nuxt/icon", "reka-ui/nuxt"]
], });
"@nuxt/icon",
"reka-ui/nuxt",
],
});