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

[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%