اضافه کردن فونت فارسی به قالب

0

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

دانلود فونت Byekan

ارسال یک پاسخ

آدرس ایمیل شما منتشر نخواهد شد.

13 − 8 =

افزایش

تخفیف 50% دوره اینستاگرام مارکتینگ 
به همراه آموزش پیشرفته ربات نینجاگرام

کد تخفیف :  insta50  - فعال تا 24 ساعت آینده
همین الان میخوام بخرم
close-link