چه طور به سایت فونتی اضافه کنیم که در همه سیستم ها یکی باشد ؟
با سلام خدمت دوستان .
یک سوالی داشتم که در بعضی از سایت ها مشاهده کردیم در همه سیستم ها و مرورگر ها یک فونت را نمایش میدهد حتی در موبایل !!!
چه طور میشود به سایتی فونتی اضافه کرد که در همه سیستم ها و مرورگر ها یک فونت را نمایش دهد بدون اینکه اون سیستم اون فونت را داخل خودش داشته باشد ؟
ما قبلا می امدیم در پوشه فونت قالب سه پسوند woff ، eot ، ttf فونت را اضافه میکردیم و از طریق دستور های زیر در فایل css قالب اضافه میکردیم :
کد HTML:
@font-face
{
font-family: b yekan;
src: url("../fonts/b yekan.ttf")
,url("../fonts/b yekan"); / IE9 /
}
و کد :
کد HTML:
font-family: byekan, Tahoma;
اما فقط در سیستم هایی که فونت b yekan را داشتند نمایش میداد !!!
حال برای اینکه در تمامی سیستم ها و مرورگر ها یک فونت را نمایش بدهد باید چه کنیم ؟
سپاس فراوان .
پاسخ : چه طور به سایت فونتی اضافه کنیم که در همه سیستم ها یکی باشد ؟
مقدار font-family باید دقیقا همانی باشد که در فایل css نوشته شده است
نام فایل فونت را هم باید بدون فاصله نوشت
کد HTML:
@font-face {
font-family: 'yekan';
src: url("../fonts/Yekan.eot?#") format("eot"), url("../fonts/Yekan.woff") format("woff"), url("../fonts/Yekan.ttf") format("truetype");
}
موقع فراخوانی هم بصورت زیر باید فراخوانی بشه
کد HTML:
font-family: yekan;
پاسخ : چه طور به سایت فونتی اضافه کنیم که در همه سیستم ها یکی باشد ؟
نقل قول:
نوشته اصلی توسط
kralpc
مقدار font-family باید دقیقا همانی باشد که در فایل css نوشته شده است
نام فایل فونت را هم باید بدون فاصله نوشت
کد HTML:
@font-face {
font-family: 'yekan';
src: url("../fonts/Yekan.eot?#") format("eot"), url("../fonts/Yekan.woff") format("woff"), url("../fonts/Yekan.ttf") format("truetype");
}
موقع فراخوانی هم بصورت زیر باید فراخوانی بشه
کد HTML:
font-family: yekan;
با این روش و کدهایی که شما داده اید اگر کسی فونت yekan را هم روی سیستمش نداشته باشد باز همین فونت نمایش داده میشود ؟
پاسخ : چه طور به سایت فونتی اضافه کنیم که در همه سیستم ها یکی باشد ؟
