Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 16, 2015 at 9:23 am #429432
    Vermishelle

    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 10 years, 7 months ago by Vermishelle.
    April 16, 2015 at 4:26 pm #429716
    Yigit

    Hey Vermishelle!

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

    Cheers!
    Yigit

    April 16, 2015 at 4:39 pm #429728
    Vermishelle

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

    April 16, 2015 at 6:37 pm #429810
    Yigit

    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

    August 28, 2015 at 8:16 am #494666
    tech500

    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

    August 28, 2015 at 8:31 am #494678
    tech500

    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

    August 28, 2015 at 5:35 pm #495027
    Yigit

    Hi!

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

    Regards,
    Yigit

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