روش تغییر فونت قالب وردپرس با کد و افزونه

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

همپنین به کمک افزونه Font farsi  در وردپرس میتوانید بدون نیاز به موارد فوق فونت دلخواه خودتان را نصب کنید

به کمک سایت فونت یاب میتوانید فونت های دلخواه را دانلود کنید یا خریداری کنید

در همین زمینه ببینید :

طراحی سایت حرفه ای با قالب محبوب پابلیشر