diff --git a/frontend/public/fonts/Vazirmatn-Bold.woff2 b/frontend/public/fonts/Vazirmatn-Bold.woff2 new file mode 100644 index 0000000..65b427f Binary files /dev/null and b/frontend/public/fonts/Vazirmatn-Bold.woff2 differ diff --git a/frontend/public/fonts/Vazirmatn-Light.woff2 b/frontend/public/fonts/Vazirmatn-Light.woff2 new file mode 100644 index 0000000..d154722 Binary files /dev/null and b/frontend/public/fonts/Vazirmatn-Light.woff2 differ diff --git a/frontend/public/fonts/Vazirmatn-Regular.woff2 b/frontend/public/fonts/Vazirmatn-Regular.woff2 new file mode 100644 index 0000000..c9824c8 Binary files /dev/null and b/frontend/public/fonts/Vazirmatn-Regular.woff2 differ diff --git a/frontend/src/index.css b/frontend/src/index.css index b942f06..bc68ac7 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -1,5 +1,4 @@ /* @import url() FONT IMPORTS MUST ALWAYS BE AT THE VERY TOP OF THIS FILE, ABOVE THE TAILWIND IMPORTS — DO NOT DELETE THIS COMMENT */ -@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@100..900&display=swap'); /* CRITICAL: THE FOLLOWING TAILWIND IMPORTS MUST NEVER BE DELETED OR REORDERED — DO NOT DELETE THIS COMMENT */ @import 'tailwindcss/base'; @@ -8,17 +7,23 @@ /* END TAILWIND IMPORTS — ALL OTHER CSS MUST GO BELOW THIS LINE */ +/* فونت Vazirmatn سلف‌هاست شده (public/fonts) — قبلاً از fontcdn.ir (از کار افتاده) و + گوگل‌فونت (مسدود در ایران) دانلود می‌شد که هر دو عملاً در دسترس نبودند */ @font-face { - font-family: 'Pinar'; - src: url('https://cdn.fontcdn.ir/Font/Persian/Pinar/Pinar.woff2') format('woff2'), - url('https://cdn.fontcdn.ir/Font/Persian/Pinar/Pinar.woff') format('woff'); + font-family: 'Vazirmatn'; + src: url('/fonts/Vazirmatn-Light.woff2') format('woff2'); + font-weight: 300; + font-display: swap; +} +@font-face { + font-family: 'Vazirmatn'; + src: url('/fonts/Vazirmatn-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; } @font-face { - font-family: 'Pinar'; - src: url('https://cdn.fontcdn.ir/Font/Persian/Pinar/Pinar-Bold.woff2') format('woff2'), - url('https://cdn.fontcdn.ir/Font/Persian/Pinar/Pinar-Bold.woff') format('woff'); + font-family: 'Vazirmatn'; + src: url('/fonts/Vazirmatn-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @@ -28,7 +33,7 @@ html { body { background-color: #27221c; color: #f5f3ef; - font-family: 'Pinar', 'Vazirmatn', Tahoma, sans-serif; + font-family: 'Vazirmatn', Tahoma, sans-serif; -webkit-font-smoothing: antialiased; } ::selection { diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js index 74d3c2e..99cc2d2 100644 --- a/frontend/tailwind.config.js +++ b/frontend/tailwind.config.js @@ -9,7 +9,9 @@ export default { ivory: '#F5F3EF', }, fontFamily: { - pinar: ['Pinar', 'Vazirmatn', 'Tahoma', 'sans-serif'], + // نام کلاس «pinar» برای سازگاری با همه کامپوننت‌ها نگه داشته شده؛ + // فونت واقعی سلف‌هاست Vazirmatn است (public/fonts — ببینید src/index.css) + pinar: ['Vazirmatn', 'Tahoma', 'sans-serif'], }, transitionTimingFunction: { lux: 'cubic-bezier(0.23, 1, 0.32, 1)',