Adding Fonts

[keigood]

I have a file(otf) of font. I want to be displayed throughout the site it.

I do not know where they may be changed.
Please tell me!

[Mohammad – SUPPORT]

Hi,
Please follow given below steps-:
1- Create a directory named customfonts at server through FTP software and upload fonts to this directory.

2- Insert this code at your custom css theme options-:

@font-face {
font-family: 'FontName';/*please change name of font*/
src: url('customfonts/FontName.eot);/*please change name of file*/
font-weight: normal;
font-style: normal;
}

div {
    font-family: FontName;
} 

Note-: Otf fonts may not work with browser.

Thanks 🙂
With Best Regards
Mohammad

[keigood]

Thank you. I was able to successfully set.

I want to also changed the font of the title part, but I want you to tell me the code.
Thank you very much in advance.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add this code to your custom css options.
Replace the Fontame by the same name you used in Mohammad code.

.page-heading h1 {
 font-family: FontName !important;
}

-Rui

[keigood]

Thank you! Thank you! Thank you!

After that, I want to change the title portion of the widget. And I’m sorry many times.

Attachments:

You must be logged in to view attached files.

[Melanie – SUPPORT]

Hi, what do you mean by title portion?
Thank you!

[keigood]

Yes. I also want to change the font of the title part.

[Mohammad – SUPPORT]

Hi,
Please use given below code/

/*Replace the Fontame by the custom font name*/
h4.spb_heading span, h4.lined-heading span{font-family:fontName !important;}

Thanks 🙂
With Best Regards
Mohammad

[keigood]

Was saved. Thank you!

[Mohammad – SUPPORT]

Hi,
You most welcome. I’m glad that issue resolved.
Thanks 🙂
With Best Regards
Mohammad