با سلام به دوستان، در این قسمت میخواهم به آموزش افزودن کد فونت فارسی به قالب وردپرس بپردازم. بعد از خواندن این مطلب شما میتوانید فونت دلخواهتان را روی قالب سایتتان قرار دهید. تغییر فونت تاثیر زیادی در جذب کاربرانی که وارد سایتتان می شوند، دارد.

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

اولین کار برای بکار بردن فونت در قالب این است که فونت را به css معرفی کنید تا مرورگر شما فونت رو پردازش کند و بعد نمایش دهد. برای افزودن فونت به متن سایت باید فونت ها در پوشه فونت های قالب شما  موجود باشند. فونتی که میخواهیم به قالب معرفی کنیم باید در سه فرمت متفاوت به مرورگر و قالب معرفی شود. فرمت ها عبارت اند از:

namefont.woff

namefont.eot

namefont.ttf

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

استفاده از این فرمت ها به این دلیل است که هر کدام از آن ها در مرورگر های مختلفی کاربرد دارند و برای اینکه سایتتان در تمام مرورگر ها به یک شکل نشان داده شود باید این سه نوع فرمت را بکار ببرید.

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

اولین کار این است که به سایت وردپرسی خود وارد شوید. موس را روی منوی کناری (نمایش) قرار دهید تا (ویرایشگر) ظاهر شود بعد روی ویرایشگر کلیک کنید. حالا روی گزینه style.css در سمت چپ صفحه کلیک کنید (همچنین می توانید از هاست و از طریق ویرایش فایل style.css فایل های خود را ویرایش کنید ) .

و بعد کدی زیر را در فایل style.css قالب خود قرار دهید.

@font-face {
font-family: 'BYekan';
src: url('font/BYekan.eot?#') format('eot'),  /* IE6?8 */
url('font/BYekan.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('font/BYekan.ttf') format('truetype');  /* Saf3?5, Chrome4+, FF3.5, Opera 10+ */
}

برای جایگزینی فونت فارسی با فونت قبلی قالب هم میتوانید از این کد استفاده کنید که باید آن را در زیر کد بالا قرار بدید:

body,div,p,a,h1,h2,h3,h4,h5,h6,span{
font-family:BYekan !important;
}