مشکل در فونت

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

این کد‌های فونت من هست اما اجرا نمیشه

@font-face{
    font-family: 'Vazirmatn';
    src: url('../font/Vazirmatn-Medium.woff2')
     format('woff2');
    font-weight: normal;
    font-style: normal;
}
*{
    font-family:'Vazirmatn' ;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

سلام. وقتتون بخیر
1. اول بررسی کنید آیا مسیر فایل درست داده شده؟
اگه در DevTools → Network برای فایل فونت 404 ببینید یعنی مسیردهی درست نیست.

2. یه مورد دیگه، فایل شما مدیوم هست اما font-weight: normal تعریف شده. این باعث می‌شه وقتی مرورگر وزن 400 می‌خواد، با فونت 500 تطابق غلط بده یا اصلاً ست نشه. وزن رو با فایل هماهنگ کنید و برای وزن‌های دیگه @font-face جدا بذارید.

سحر پاشائی ۳۰ مهر ۱۴۰۴، ۱۰:۰۵

نه هیچ اروری نمیاره

اون کار رو هم انجام دادم اما همچنان نمیشه..‌

حسنا ضیایی نیا ۰۴ آبان ۱۴۰۴، ۱۲:۳۱

سلام دوست عزیز.

وقت شما هم بخیر باشه.

من فکر میکنم که مشکل از آدرس دهی تون نیست. بلکه مشکل این علامت ( ' ) هست که اطراف نام font-family گذاشتید. اول این علامت ( ' ) رو پاک کنید. دوم اینکه درون Url و Format به جای ( ' ) از ( " ) که میشه ( ترکیب دو دکمه ی Shift و گ).

به نظرم با این دو حرکت مشکلتون حل میشه. اگر اوکی شد خوشحال میشم نتیجه رو اعلام کنید.

آرزو ۰۴ آبان ۱۴۰۴، ۱۴:۱۱