Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #429432

    Hello,

    I have a .woff file, not a google font, and I want to add it to the list of fonts available in Enfold theme.

    As suggested here https://kriesi.at/support/topic/new-custom-font/ I went to http://www.fontsquirrel.com/tools/webfont-generator and created font-face css. But the further instructions from the first link are not clear, as soon as I add non-google font.

    • This topic was modified 9 years, 1 month ago by Vermishelle.
    #429716

    Hey Vermishelle!

    You should upload your fonts into Enfold/css folder and add font-face code to custom.css file.

    Cheers!
    Yigit

    #429728

    Thanks for the answer.

    1) It didn’t appear in the fonts list. Is it supposed to?
    2.1) How do I assign it to top menu element?
    2.1) How do I assign it for, let’s say, <h1>?

    #429810

    Hey!

    1- No, it should not appear. You should assign it to elements using custom CSS code
    2 & 3- Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .av-main-nav>li>a, h1 { font-family: your-font-family-name-here !important; }

    Regards,
    Yigit

    #494666

    Hello Yigit,

    I installed a custom font in my child theme folder, inside “fonts” folder.
    In my child theme css file I entered:

    @font-face {
        font-family: 'bodonixtregular';
        src: url('fonts/BodoniXT-webfont.eot');
        src: url('fonts/BodoniXT-webfont.eot?#iefix') format('embedded-opentype'),
             url('fonts/BodoniXT-webfont.woff') format('woff'),
             url('fonts/BodoniXT-webfont.ttf') format('truetype'),
             url('fonts/BodoniXT-webfont.svg#bodonixtregular') format('svg');
        font-weight: normal;
        font-style: normal;
    
    }

    Then in “Quick CSS” I want to use that font for all H1,H2 heading.
    Not working, any good suggestion ?

    Thanks

    #494678

    I think I got it working.

    Is this correct, or do you have any corrections ?

    h1,h2,h3,h4,h5,h6 { font-family: bodonixtregular !important; }

    Thanks

    #495027

    Hi!

    It does look fine :)
    Glad you figured it out!

    Regards,
    Yigit

Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.