ورود

View Full Version : عدم نمایش فونت دلخواه در سایت



nokhodi
چهارشنبه 19 شهریور 1393, 09:53 صبح
سلام دوستان
برای سایت فونت فیس تعریف کردم اما نمیشناسه و tahoma رو داره میخونه...
البته توی سیستمی که فونت BBCNassim باشه درست نمایش میده...اما توی سیستمی که فونت نباشه نشون نمیده...مشکل از کجاست؟!





@font-face {
font-family:'BBCNassim';
src:url('fonts/BBCNassim.eot');
src:local('BBCNassim'),
url('fonts/BBCNassim.eot?#iefix') format('embedded-opentype'),
url('fonts/BBCNassim.woff') format('woff'),
url('fonts/BBCNassim.ttf') format('truetype'),
font-style:normal;
font-weight:normal;
}



body {
...
font-family:'BBCNassim' , Tahoma;
line-height: 25px;
font-size:16px;
...
}





p {
font-family: 'BBCNassim',Tahoma;
margin: 0 0 15px 0;
line-height: 25px;
direction:rtl;
text-align:justify;
font-size:16px;

}

godofphp
چهارشنبه 19 شهریور 1393, 10:57 صبح
اولا توجه کنید که فونت eot تنها برای مرورگر اینترنت اکسپلورر میباشد و توسط بقیه مرورگرها از قبیل کروم و موزیلا و اوپرا و ... پشتیبانی نمیشه
لینک (http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp)
بهتره نسخه ی
TTF/OTF fonts فونت را پیدا کنید و از اون استفاده کنید
سایتتون رو با مرورگر باز کنید و سپس اونجا به سورس صفحتون مراجعه کنید و شما بعد از مشاهده کدها حتما این تکه کد خودتان را مشاهده خواهید کرد

@font-face { font-family:'BBCNassim'; src:url('fonts/BBCNassim.eot'); src:local('BBCNassim'), url('fonts/BBCNassim.eot?#iefix') format('embedded-opentype'), url('fonts/BBCNassim.woff') format('woff'), url('fonts/BBCNassim.ttf') format('truetype'), font-style:normal; font-weight:normal;}

روی url فونت کلیک کنید و ببینید لینک شما کار میکند و فونت فراخونی میشود یانه

nokhodi
چهارشنبه 19 شهریور 1393, 11:26 صبح
طبق عکس زیر تمام پسوند های قابل نمایش برای مرورگرهای مختلف رو گذاشتم :
123285

اینم کدی که دوباره گذاشتم :


@font-face {
font-family: 'BBCNassim';
src: url('fonts/BBCNassim.eot'); /* IE9 Compat Modes */
src: url('fonts/BBCNassim.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('fonts/BBCNassim.woff') format('woff'), /* Modern Browsers */
url('fonts/BBCNassim.ttf') format('truetype'), /* Safari, Android, iOS */
url('fonts/BBCNassim.svg#svgFontName') format('svg'); /* Legacy iOS */
font-style:normal;
font-weight:normal;
}


باز هم نمیشناسه و تو بخش inspect element رو فونت فمیلی خط میکشه :

123286

omidparkour
چهارشنبه 19 شهریور 1393, 11:35 صبح
سلام
از کد زیر استفاده کنید و به جا B yekan فونت مورد نظر رو بنویسید
@font-face{ font-family:'B Yekan';
src:url('font/Yekan.eot?#') format('eot'),
url('font/Yekan.woff') format('woff'),
url('font/Yekan.svg') format('svg'),
url('font/Yekan.ttf') format('truetype')
}

nokhodi
چهارشنبه 19 شهریور 1393, 11:50 صبح
یه سوال مسیر خوندن فونت از روت حساب میشه؟! یا از پوشه css?

xxxx.com/font

or


xxxxx.com/cs/font

?

nokhodi
چهارشنبه 19 شهریور 1393, 12:13 عصر
باز هم نشون نمیده :(
تو سیستم خودم که فونت هست نشون میده...اما تو سیستمی که فونت توش نیست با فونت arial نشون میده...!