فونت مناسب به یکپارچگی ظاهر و خوانایی سایت فارسی کمک میکند. این مقاله افزودن فونت سفارشی در المنتور یا با CSS، تعریف وزنها و رفع مشکلات مسیر، کش و بارگذاری را توضیح میدهد و نکات عملکرد و نمایش موبایل را مرور میکند.
فونت سفارشی در المنتور به هماهنگ شدن ظاهر سایت با هویت بصری کمک میکند. ابتدا مجوز استفاده وب از فونت را بررسی و فایل مناسب دریافت کنید. تغییر نام یک فایل دسکتاپ به woff2 آن را به فونت وب معتبر تبدیل نمیکند.
اگر نسخه و مجوز المنتور شما قابلیت Custom Fonts را دارد، از بخش مربوط فونت جدید بسازید. نام خانواده، وزن و سبک هر فایل را درست تعیین کنید. مسیر منو ممکن است در نسخههای مختلف جابهجا شود؛ قابلیت را در محصول نصبشده بررسی کنید.

پس از ذخیره، فونت را در تایپوگرافی ویجت یا فونتهای سراسری انتخاب کنید. برای وزن معمولی و ضخیم، فایلهای واقعی همان وزن را معرفی کنید تا مرورگر مجبور به ساخت مصنوعی ضخامت نشود.
فایل دارای مجوز را در مسیر عمومی امن قرار دهید و قانون @font-face را در محل CSS مجاز قالب فرزند یا ابزار مربوط اضافه کنید. مسیر زیر نمونه است و باید با مسیر واقعی جایگزین شود:
@font-face {
font-family: 'SitePersian';
src: url('/fonts/site-persian-regular.woff2') format('woff2');
font-style: normal;
font-weight: 400;
font-display: swap;
}
.article-content {
font-family: 'SitePersian', Tahoma, sans-serif;
}
این CSS باید به عنصر واقعی صفحه اعمال شود؛ وجود نام کلاس در نمونه، آن کلاس را خودکار در قالب ایجاد نمیکند. برای افزونه جایگزین هم ابتدا روش نصب افزونه و سازگاری آن را بررسی کنید.
اگر فونت بارگذاری نمیشود، مسیر فایل، پاسخ 404 و گواهی HTTPS را بررسی کنید. در میزبانی فونت روی دامنه دیگر، سیاست CORS میتواند مؤثر باشد. اگر فایل دریافت میشود اما ظاهر عوض نمیشود، اولویت CSS، نام خانواده و وزن انتخابشده را بررسی کنید. سپس کش و فایلهای تولیدی المنتور را مطابق ابزار نسخه خود بازسازی کنید.
فقط وزنهای موردنیاز را بارگذاری کنید و فونت جایگزین خوانا تعیین کنید. اندازه متن، ارتفاع خط و شکست عنوان را روی موبایل آزمایش کنید؛ ریسپانسیو سازی با CSS ادامه این بررسی است. در صورت خطای آپلود، محدودیتهای PHP و نوع فایل مجاز را ببینید و مجوز آپلود نامحدود را بیدلیل فعال نکنید.