فهرست مطالب
وقتی فونت فارسی سایت بهم ریخته یا اعداد انگلیسی نمایش داده می‌شوند، معمولاً فایل فونت از یک سرور خارجی دیر یا ناقص بارگذاری می‌شود، فونت فقط برای بخشی از صفحه تعریف شده، یا فونت انتخابی ارقام فارسی ندارد و تبدیل اعداد فعال نیست. راه‌حل پایدار این است که یک فونت فارسی استاندارد مثل وزیرمتن (Vazirmatn) را روی هاست خودتان بارگذاری کنید و اعداد را با فونت یا افزونه فارسی‌ساز تبدیل کنید.
نویسنده: تیم siloow (سیلو سولوشن) — آخرین به‌روزرسانی: آبان ۱۴۰۵
چرا این اتفاق می‌افتد؟
- فونت از سرویس خارجی بارگذاری می‌شود و در برخی شبکه‌ها کند یا ناپایدار است؛ تا رسیدن فونت، فونت پیش‌فرض دیده می‌شود.
- آدرس فایل فونت بعد از انتقال سایت یا تغییر دامنه شکسته است یا CDN اجازه بارگذاری فونت از دامنه دیگر (CORS) را نمی‌دهد.
- صفحه‌ساز یا افزونه‌ای فونت خودش را روی بخشی از صفحه تحمیل میکند.
- فونت انتخابی نسخه با ارقام فارسی ندارد و اعداد به همان شکل لاتین نمایش داده می‌شوند.
- متن از برنامه دیگری کپی شده و کاراکترهای «ی» و «ک» عربی یا نیم‌فاصله اشتباه دارد.
چه کار کنیم؟
قبل از هر تغییری از فایل‌ها و دیتابیس سایت بکاپ کامل بگیرید؛ بعد این مراحل را به ترتیب جلو بروید:
- در ابزار توسعه‌دهنده مرورگر، تب Network را با فیلتر Font باز کنید و ببینید فایل فونت با خطای ۴۰۴ یا CORS مواجه است یا نه.
- فایل‌های فونت را با فرمت woff2 روی هاست خودتان قرار دهید و با @font-face تعریف کنید؛ فونت وزیرمتن متنباز است و این کار مجاز است.
- در تعریف فونت از
font-display: swapاستفاده کنید تا متن پیش از رسیدن فونت هم دیده شود. - برای اعداد فارسی یا از نسخه فونت با ارقام فارسی (مثل وزیرمتن نسخه FD) استفاده کنید یا تبدیل اعداد را در افزونه فارسی‌ساز (مثل افزونه وردپرس فارسی) فعال کنید.
- تنظیم فونت صفحه‌ساز و قالب را یکی کنید تا فونت در همه بخش‌ها یکسان باشد.
- کش سایت و CDN را پاک کنید و صفحه را در موبایل و دسکتاپ دوباره ببینید.
| نشانه | علت محتمل | اصلاح |
|---|---|---|
| فونت چند لحظه بعد عوض می‌شود | بارگذاری دیر فونت خارجی | میزبانی محلی و font-display: swap |
| فونت هرگز بارگذاری نمی‌شود | آدرس شکسته یا خطای CORS | اصلاح مسیر یا هدر CORS |
| اعداد لاتین‌اند | فونت بدون ارقام فارسی | نسخه FD یا تبدیل اعداد |
| کلمات جدا یا حروف عربی | کاراکترهای عربی یا نیم‌فاصله اشتباه | یکسان‌سازی حروف و نیم‌فاصله |
نکته: تبدیل همه اعداد به فارسی همیشه درست نیست؛ کد پیگیری، شماره کارت، کد تخفیف، اعداد داخل لینک‌ها و فیلدهای فرم بهتر است دست‌نخورده بمانند. تبدیل با فونت فقط ظاهر را عوض میکند و امن‌تر است، اما تبدیل متنی با افزونه ممکن است روی داده‌ها هم اثر بگذارد؛ بعد از فعال‌سازی فرم‌ها و پرداخت را تست کنید.
نحوه تعریف فونت و رفتار font-display را در مستند MDN درباره font-display ببینید. اگر مشکل فقط در موبایل است، سایتم تو موبایل بهم ریخته و برای اثر فونت بر سرعت، امتیاز پایین PageSpeed موبایل را بخوانید.
کی بهتر است از متخصص کمک بگیرید؟
اگر قالب فونت را در چند جای مختلف تعریف کرده، اعداد در فاکتور و پیامک‌ها هم باید فارسی شوند، یا تبدیل اعداد فرم‌ها و درگاه را خراب کرده، بهتر است متخصص تنظیم را انجام دهد. تیم siloow قالب‌های اختصاصی راست‌چین را با فونت محلی و ارقام فارسی از ابتدا آماده میکند.
اگر فونت یا اعداد سایت شما درست نمایش داده نمی‌شود، فرم تماس siloow را پر کنید؛ کارشناسان ما در اولین فرصت با شما تماس می‌گیرند.
سوالات متداول
بهترین فونت فارسی برای سایت کدام است؟
فونتهای متنباز مثل وزیرمتن انتخاب امن و رایجاند؛ فونتهای تجاری هم گزینه خوبیاند به شرط داشتن مجوز وب. خوانایی در موبایل و حجم فایل را ملاک قرار دهید.
چرا اعداد در سایت فارسی انگلیسی نمایش داده می‌شوند؟
چون فونت انتخابی ارقام فارسی ندارد یا تبدیل اعداد فعال نیست. نسخه FD فونت یا افزونه فارسی‌ساز این مشکل را حل میکند.
استفاده از Google Fonts برای فونت فارسی خوب است؟
کار میکند، ولی میزبانی محلی فونت کنترل بیشتری روی سرعت و پایداری میدهد و به سرویس خارجی وابسته نیست.
مشکل
فونت فارسی سایت درست نمایش داده نمی‌شود یا اعداد انگلیسی است
علائم و نشانه‌ها
- پرش فونت، فونت پیش‌فرض، اعداد لاتین، حروف عربی
علت‌های احتمالی
- فونت خارجی، آدرس شکسته یا CORS، فونت بدون ارقام فارسی، تداخل صفحه‌ساز
راه‌حل کوتاه
فونت را روی هاست خودتان با font-display: swap تعریف و اعداد را با نسخه FD یا افزونه فارسی‌ساز تبدیل کنید.
ابزارهای موردنیاز
- Chrome DevTools، فونت وزیرمتن، افزونه وردپرس فارسی
