2.6 KiB

Raw Permalink Blame History

راهنمای بررسی مشکل فونت Bold در Developer Tools

مرحله 1: باز کردن Developer Tools

در مرورگر، کلید F12 را بزنید (یا Ctrl+Shift+I در Windows/Linux، Cmd+Option+I در Mac)
Developer Tools باز می‌شود

مرحله 2: بررسی Network Tab (بررسی لود شدن فونت‌ها)

به تب Network بروید
در فیلتر بالا، font را تایپ کنید تا فقط فایل‌های فونت نمایش داده شوند
صفحه را Refresh کنید (F5 یا Ctrl+R)
بررسی کنید:
- آیا IRANSans-Bold.ttf در لیست وجود دارد؟
- آیا Status آن 200 (موفق) است یا خطا دارد؟
- اگر خطا دارد، روی آن کلیک کنید و ببینید چه خطایی است

مرحله 3: بررسی Elements Tab (بررسی استفاده از فونت)

به تب Elements (یا Inspector در Firefox) بروید
روی یک متن Bold کلیک راست کنید و Inspect را انتخاب کنید
در پنل سمت راست، به بخش Computed بروید
بررسی کنید:
- font-family: باید IRANSans باشد
- font-weight: باید 700 باشد
- font-synthesis: باید none باشد

مرحله 4: بررسی Fonts Tab (در Chrome)

در تب Elements، یک عنصر با فونت Bold را انتخاب کنید
در پنل سمت راست، به بخش Fonts بروید
بررسی کنید:
- آیا فونت IRANSans Bold نمایش داده می‌شود؟
- یا IRANSans (synthetic bold) نمایش داده می‌شود؟

اگر synthetic bold نمایش داده می‌شود، یعنی فایل فونت Bold لود نشده است.

مرحله 5: بررسی Console برای خطاها

به تب Console بروید
بررسی کنید آیا خطایی مربوط به فونت وجود دارد
معمولاً خطاهایی مثل:
- Failed to load font
- 404 Not Found
- CORS error

راه‌حل‌های احتمالی:

اگر فونت Bold لود نمی‌شود:

بررسی کنید فایل IRANSans-Bold.ttf در پوشه public/fonts/ وجود دارد
نام فایل باید دقیقاً IRANSans-Bold.ttf باشد (حساس به حروف بزرگ/کوچک)

اگر فونت Bold لود می‌شود اما بهم‌ریخته است:

ممکن است مشکل از خود فایل فونت باشد
یا نیاز به تنظیمات اضافی CSS باشد