اگرچه ممکن است بتوانید از طریق تنظیمات قالب سایت یا صفحه ساز ، فونت را تغییر دهید. اما شاید بخواهید روش اساسی این کار را هم یاد بگیرید. در اینصورت می توانید از طریق کنترل پنل هاست ، فونت تمامی تگ های html یا تنها تگ های مورد نظرتان را تغییر دهید.

1- برای این کار ، باید ابتدا فایل فونت را در پوشه ای که مربوط به فونت قالب می شود قرار دهید

وارد کنترل پنل هاست شوید و به قسمت مدیریت فایل ها بروید ، بعد وارد پوشه قالب یا template شوید – حالا وارد پوشه fonts شده و فایل های فونت خود را در اینجا قرار دهید. می شود این مسیر:

 public_html/templates/iguru/fonts

*به جای iguru ، نام قالب خود را می بینید.

2- حالا فایل template.css را باز کرده و کدهای زیر را به آن اضافه کنید

مجدداً وارد پوشه template خود شوید، یعنی این مسیر:

public_html/templates/iguru/css

و این بار فایل template.css را باز کنید.

در ابتدای این فایل ، مجموعه کد زیر را اضافه کرده و در انتها فایل را ذخیره کنید:

@font-face {
    font-family: 'Yekan';
    src: url('../fonts/Yekan.ttf');
         url('../fonts/Yekan.woff') format('woff'),
         url('../fonts/Yekan.ttf') format('truetype'),
       
}

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

*به جای Yekan ، نام فونت خود را قرار دهید. فقط دقت کنید که نامی که اینجا قرار می دهید باید با نام فایل فونت ( که در پوشه fonts گذاشتید ، یکی باشد )

* این قسمت ، فونت را تعریف می کند:

@font-face { font-family: 'Yekan'; src: url('../fonts/Yekan.ttf'); url('../fonts/Yekan.woff') format('woff'), url('../fonts/Yekan.ttf') format('truetype'), }

* این قسمت ، تعیین می کند که فونت در کجاها اعمال شود. طبق کد زیر ، تقریباً در تمامی قسمت های سایت اعمال می شود:

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