Viewing 10 posts - 1 through 10 (of 10 total)
  • #99520
    keigood
    Member
    Post count: 12

    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!

    #99846
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    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

    #103140
    keigood
    Member
    Post count: 12

    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.
    #103202
    Rui Guerreiro – SUPPORT
    Keymaster
    Post count: 25779

    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

    #103272
    keigood
    Member
    Post count: 12

    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.
    #103283
    Melanie – SUPPORT
    Member
    Post count: 11032

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

    #104249
    keigood
    Member
    Post count: 12

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

    #104399
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    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

    #105273
    keigood
    Member
    Post count: 12

    Was saved. Thank you!

    #105276
    Mohammad – SUPPORT
    Moderator
    Post count: 27441

    Hi,
    You most welcome. I’m glad that issue resolved.
    Thanks ๐Ÿ™‚
    With Best Regards
    Mohammad

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register