اضافه کردن فونت فارسی به قالب
در این آموزش میخواهیم فونت بی یکان را به قالب سایتمان اضافه کنیم. ابتدا یک پوشه به نام 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: این فرمت بیشتر توسط مرورگرهای مدرن و اینترنت اکسپلورر ۹ به بعد پشتیبانی میشود.