چه طور به سایت فونتی اضافه کنیم که در همه سیستم ها یکی باشد ؟

[kianesfahan]

با سلام خدمت دوستان .

یک سوالی داشتم که در بعضی از سایت ها مشاهده کردیم در همه سیستم ها و مرورگر ها یک فونت را نمایش میدهد حتی در موبایل !!!

چه طور میشود به سایتی فونتی اضافه کرد که در همه سیستم ها و مرورگر ها یک فونت را نمایش دهد بدون اینکه اون سیستم اون فونت را داخل خودش داشته باشد ؟

ما قبلا می امدیم در پوشه فونت قالب سه پسوند woff ، eot ، ttf فونت را اضافه میکردیم و از طریق دستور های زیر در فایل css قالب اضافه میکردیم :



@font-face
{
font-family: b yekan;
src: url("../fonts/b yekan.ttf")
,url("../fonts/b yekan"); / IE9 /
}


و کد :



font-family: byekan, Tahoma;
اما فقط در سیستم هایی که فونت b yekan را داشتند نمایش میداد !!!

حال برای اینکه در تمامی سیستم ها و مرورگر ها یک فونت را نمایش بدهد باید چه کنیم ؟

سپاس فراوان .

[kralpc]

مقدار font-family باید دقیقا همانی باشد که در فایل css نوشته شده است
نام فایل فونت را هم باید بدون فاصله نوشت

@font-face {
font-family: 'yekan';
src: url("../fonts/Yekan.eot?#") format("eot"), url("../fonts/Yekan.woff") format("woff"), url("../fonts/Yekan.ttf") format("truetype");
}

موقع فراخوانی هم بصورت زیر باید فراخوانی بشه



font-family: yekan;

[kianesfahan]

مقدار font-family باید دقیقا همانی باشد که در فایل css نوشته شده است
نام فایل فونت را هم باید بدون فاصله نوشت

@font-face {
font-family: 'yekan';
src: url("../fonts/Yekan.eot?#") format("eot"), url("../fonts/Yekan.woff") format("woff"), url("../fonts/Yekan.ttf") format("truetype");
}

موقع فراخوانی هم بصورت زیر باید فراخوانی بشه



font-family: yekan;



با این روش و کدهایی که شما داده اید اگر کسی فونت yekan را هم روی سیستمش نداشته باشد باز همین فونت نمایش داده میشود ؟

[kralpc]

بله 100%