چرا فونت دلخواهم با @font-face اعمال نمیشه؟
سلام دوستان عزیز
نمیدونم چرا هر کار میکنم که با @font-face فونت دلخواهمو به صفحه اعمال کنم نمیشه؟!
روال کارم اینجوریه که:
1-تو پوشه fonts فونتمو کپی میکنم.
2-اول فایل style
@font-face {
font-family:mrsheffield;
src: url('fonts/Mr Sheffield Regular_0.ttf');
}
رو اضافه میکنم
3-در قسمت مورد نظر مثلا
p.mrsheffiled{
font-family: mrsheffield;
}
ولی هیچ تغییری نمیکنه
ایراد از چی میتونه باشه
کلی سرچ زدم و عین کدهای مختلف رو کپی کردم و تغییر دادم ولی نشد.
لطفا راهنمایی کنین خیلی لازمه تحویل پروژه دارم
مرسی از همتون
6 پاسخ
منظورم همونه که space هاشو بردار البته نام فایل در مکان اصلیش هم نه فقط توی url .
من خودم واسه فونت B Yekan دارم ولی اون یکی دیگه رو ندارم. یادم نیست از کجا دانلودش کردم ایمیلت رو توی پیام واسم بفرست تا واست ایمیل کنم.
ممنون prober عزیز از راهنماییت،ولی این راهم امتحان کردم بازم نشد
میشه ایراد از فونتی که دانلود کردم باشه؟
یه لینک معتبر برا دانلود فونتهای mitra ,b yekam و فونت خارجی mrsheffield که هر چهارتا فرمت داشته باشه سراغ نداری؟
منظورت از "3- فایل فونت رو براش یک نام بدون space بذار و تغییر بده." چی بود؟چرا تغییر بدم؟فقط space اشو بردارم کافیه دیگه؟
1- نام فونتی رو که می خوای براش font-family ایجاد کنی توی براکت font-face@ ، نام رو داخل کوتیشن مارک قرار بده
2- گاهی مرورگرها فرمت ttf رو نمیشناسن پس سعی کن برای فونت دلخواهت اگه ممکنه فرمت های بیشتری رو در مسیر قرار بدی و url اونها رو هم در تعریف font_family بیاری. مثلا فرمت eot. و woff. و svg.
3- فایل فونت رو براش یک نام بدون space بذار و تغییر بده.
4- جلوی url فونت ، نوع فونت رو معرفی کن
@font-face {
font-family: 'mrsheffield';
src: url('fonts/Mr_Sheffield_Regular_0.ttf') format("truetype"),
url('fonts/Mr_Sheffield_Regular_0.eot') format("eot"),
url('fonts/Mr_Sheffield_Regular_0.woff') format("woff"),
url('fonts/Mr_Sheffield_Regular_0.svg') format("svg");
}
p.mrsheffiled{
font-family: mrsheffield;
}
ممکن هم هست url هات اشتباه باشه. برای اینکه مطمئن بشی که آیا مشکل در یافتن مسیر فایل فونت هست یا نه توی مرور گر فایرفاکس صفحه وب رو باز کن و بعد دکمه های Ctrl+Shift+S رو همزمان بزن تا Debugger فایرفاکس توی کادر پائین مرورگر نمایش پیدا کنه . ببین توی این قسمت خطای downloadable font... نداده.
الان نگاه کردم خطای downloadable font داده چیکارش کنم؟
خوب آدرسی که توی همون خطا نوشته رو ببین همون آدرسی هست که پوشه فونتت داخلش هست؟