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


    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 I went to 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.

    Hey Vermishelle!

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



    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>?



    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; }



    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 ?



    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; }




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


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