در این آموزش میخواهیم فونت بی یکان را به قالب سایتمان اضافه کنیم. ابتدا یک پوشه به نام fonts در پوشه قالب بسازید و هر سه فونت BYekan.ttf – BYekan.woff – BYekan.eot را در این پوشه آپلود کنید.
بعد از آپلود کد زیر را در فایل style.css قالب سایتتان کپی کنید:
نکته : باید فایل style.css و فلدر fonts در کنار هم باشند
@font-face {
font-family: ‘BYekan’;
src: url(‘fonts/BYekan.eot?#’) format(‘eot’),
url(‘fonts/BYekan.woff’) format(‘woff’),
url(‘fonts/BYekan.ttf’) format(‘truetype’);
}
body{
font-family:BYekan;
}
حال کافی است هر جا دستور font-family در قالب هست مقدار Byekan را به صورت زیر به آن اضافه کنیم
h1{
font-family: 'Byekan';
font-size:14px;
}
نکته : برای اینکه فونت در تمام مرورگرها به درستی نمایش داده شود نیاز به فرمت های ttf ، eot و woff فونت میباشید.
- پسوند eot: مخصوص مرورگر IE
- پسوند ttf: فرمت استاندارد فونت میباشد و به غیر از اینترنت اکسپلورر بیشتر مرورگرها از این فرمت پشتیبانی می‌کنند.
- پسوند woff: این فرمت بیشتر توسط مرورگرهای مدرن و اینترنت اکسپلورر ۹ به بعد پشتیبانی می‌شود.
