pwa/FONT_DEBUG_GUIDE.md

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

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

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

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

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

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

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

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

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

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

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

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

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

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

### اگر فونت Bold لود می‌شود اما بهم‌ریخته است:
- ممکن است مشکل از خود فایل فونت باشد
- یا نیاز به تنظیمات اضافی CSS باشد