برگزیده های پرشین تولز

عدم نمایش فونت با font-face در css

TheBorland

کاربر تازه وارد
تاریخ عضویت
15 مارس 2006
نوشته‌ها
85
لایک‌ها
6
محل سکونت
Tehran
سلام
من میخوام توی فایل css فونت رو تعریف کنم تا هر بار برای نمایش اون اسکریپت مجبور نباشه از سورس آنلاین فونت رو بخونه.
این کدی هست که تو css می نویسم:
کد:
@font-face {
    font-family: 'IranianSans';
    src: url('fonts/IranianSans.eot');
    src: url('fonts/IranianSans.eot') format('embedded-opentype'),
         url('fonts/IranianSans.woff2') format('woff2'),
         url('fonts/IranianSans.woff') format('woff'),
         url('fonts/IranianSans.ttf') format('truetype'),
         url('fonts/IranianSans.svg#IranianSans') format('svg');
}
با وجود اینکه فونت داخل پوشه fonts مربوط به فایل html هست اصلا نمایش داده نمیشه. تو پوشه /windows/fonts ویندوز هم کپی شده و در برنامه ورد به درستی نمایش داده میشه.
اگر از این کد استفاده کنم فونت به درستی بعد از اتصال به سایت awebfont.ir نمایش داده میشه.
کد:
@font-face {
    font-family: 'Iranian Sans';
    src: local('☺'), local('Iranian Sans'), url('http://awebfont.ir/services/fonts/773bba0f218e4740e1ce2e37ebc80ef3c29917152901931.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
اما همون طور که گفتم نمیخوام به سورس دیگه ای وصل بشه چون سرعت لود صفحه پایین میاد. حتی تغییر اون آدرس سایت awebfont به آدرس فونت لوکال باز هم کار نمیکنه.
ممنون میشم راهنماییم کنید.
 

mohsenmusic

Registered User
تاریخ عضویت
26 اکتبر 2013
نوشته‌ها
225
لایک‌ها
43
محل سکونت
گلستان
سلام
احتمال زیاد در آدرس دهی فونت ها مشکل داری . دقیقا از جایی که فایل سی اس اس هست آدرس دهی کن
و گاهی اوقات پیش میاد که نام فولدر فونت رو با حروف بزرگ بنویسی و سرور گیر بده
مانند این برای بنده در بوت استرپ پیش اومد در لوکال اوکی بود روی هاست نمیشناخت بعد تست کردم با حروف کوچک نوشتم درست شد
اگه باز نشد کدهاتو بزار بررسی بشه
 

LeftHanded

کاربر تازه وارد
تاریخ عضویت
30 ژوئن 2009
نوشته‌ها
47
لایک‌ها
19
سن
34
محل سکونت
یه کم دور تر از صفحه مانیتور
سلام
دوست عزیز فایل style.css شما احتمال زیاد در پوشه css قرار داره و پوشه فونت شما در روت... اگر به این شکل هست که باید کدتون رو به شکل زیر بنویسید:
کد:
@font-face {
font-family: 'IranianSans';
src: url('../fonts/IranianSans.eot');
src: url('../fonts/IranianSans.eot') format('embedded-opentype'),
url('../fonts/IranianSans.woff2') format('woff2'),
url('../fonts/IranianSans.woff') format('woff'),
url('../fonts/IranianSans.ttf') format('truetype'),
url('../fonts/IranianSans.svg#IranianSans') format('svg');
}
مورد دومی هم که به ذهنم می رسه اینه که شما تمام فرمت های فونت رو در پوشه فونت قرار نداده باشد. که اگر نیاز بود بگید برای گرفتنشون راهنمایی کنم.
مورد آخر هم اینکه در کدی که از سایت awebfont دادین font-family رو زده: 'Iranian Sans' و در کد شما زده: 'IranianSans' یعنی در کد شما اسم به هم چسبیده که این هم تفاوت می کنه.
کپی کردن فونت در پوشه ویندوز هم ممکنه به همین دلیل باشه که کمکی بهتون نکرده.
توصیه می کنم هیچ وقت فونت رو روی ویندوز نصب نکنید که اگر در آدرس دهی اشکالی پیش اومد متوجه بشید.
 
بالا