MPB
12 ماه پیش توسط MPB مطرح شد
5 پاسخ

عدم نمایش فونت سایت

سلام وقت بخیر....
من درحال یادگیری برنامه‌نویسی وب هستم و برای تست کردن کدهام از GitHub pages استفاده می‌کنم .... مشکلم اینه که فونت وزیر متن در سایتم دیده نمیشه ولی در کد ادیتور دیده میشه . قابلیت های آبشاری سی‌اس‌اس ، utf-8 ، cdn و ... رو تست کردم ولی درست نشد ، چه کار کنم؟ آیا به variable بودن فونت ربط داره؟ درضمن فرمت فونت woff2 هستش.

پ.ن:
لینک سایت وزیرمتن : https://rastikerdar.github.io/vazirmatn/fa
مخزن فونتش : https://github.com/rastikerdar/vazirmatn
لینک سایت خودم : https://MPBCoder.github.io
لینک مخزن کدم : https://github.com/MPBCoder/MPBCoder.github.io


ثبت پرسش جدید
oss_vahid
تخصص : wordpress developer
@ossvahid 12 ماه پیش آپدیت شد
0

سلام کاش کدهای مربوط به بخش فونتت هم میزاشتی تا ببینیم مشکل کجاس

من حدس می‌زنم آدرس دهی اشتباه باشه
فرمت های دیگه ایی هم در کنار woff2 بزاری بهتره مثل TTF otf و...

همچنین سعی کن هر بار ادرس فونتت رو تغییر میدی یا فونتت رو عوض میکنی کچ مرورگر رو خالی کنی


MPB
تخصص : Front-end developer
@MPBCoder 12 ماه پیش آپدیت شد
0

سلام....
آدرس مخزن گیت‌هابو گذاشتم....میشه درمورد افزودن فرمت‌های دیگه توضیح بدی یا کد بدی؟
کش مرورگر رو هم پاک کردم بازم درست نشد


oss_vahid
تخصص : wordpress developer
@ossvahid 12 ماه پیش آپدیت شد
0
src: url('Font/FiraCode-VF.woff2')  
src: url('Font/Vazirmatn[wght].woff2')  

دوتا کد بالا رو به ترتیب با جای قبلی ها عوض کن

فونت فیس هارو همیشه در بالاترین خط کد های css بزار

 @font-face {} 

برای اعمال فونت من پشنهاد میکنم از * استفاده کنی مثلا

body {
     font-family: "Vazirmatn";
}

بجای این بالایی از این زیری استفاده کن

* {
     font-family: "Vazirmatn !important";
}

MPB
تخصص : Front-end developer
@MPBCoder 12 ماه پیش مطرح شد
0

الان تست می‌کنم ممنون... ولی مگه آبشاری سی‌اس‌اس به این معنی نیست که اگه پایین باشه بهتره ؟ پس چرا بهتره بالا بزارم؟


MPB
تخصص : Front-end developer
@MPBCoder 12 ماه پیش آپدیت شد
0

چندتا راه رو تست کردم درست نشد ولی با اد کردن فایل سی‌اس‌اس خود سازنده اوکی شد:

<link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazirmatn@v33.003/Vazirmatn-Variable-font-face.css" rel="stylesheet" type="text/css" />

برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام