Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
  • #601184

    I’m sorry to bother you, I was just wondering how I might go about adding a custom font set so it shows up in the enfold Custom Setting area of the site backed where you can select the header and body fonts for the enfold theme. Is this possible to do? or is there an easier way to do this..

    I’ve the .css and font files from myfonts.com. I’m just unsure how best to tie them into the site to allow simple selections instead of trying to create a customs css files for every site elements i wish to style with the custom font..

    Any help or insight you may have would be much appreciated.


    Hi fluent,

    Please refer to this: http://kriesi.at/documentation/enfold/register-additional-google-fonts-for-theme-options/. Note that it’s only possible with Google fonts.



    Hi Rikard.

    Many thanks for your quick reply.

    Unfortunately it’s actually a bespoke font set from myfonts.com.
    I purchased the web fonts and have the web kit built for this.

    This is my first time using these web fonts.. is there an easy way to implement these if they are not part of the Google family of fonts?

    Kind Regards


    I am interested in this as well



    Please see – http://justcreative.com/2013/01/22/how-to-use-custom-fonts-with-font-face-on-wordpress/. Then you can set your new font as menu font using following custom CSS in Enfold theme options > General Styling > Quick CSS

    #avia-menu .avia-menu-text { font-family: "your-font-family" !important; }

    Best regards,


    Hey Yigit how to change heading and/or body font?



    The same goes for heading fonts etc. You can turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your elements a custom class and then add the code as following

    .your-custom-class * { font-family: "your-font-family" !important; }



    what’s the CSS code to use for Heading and body text?



    Please try the following:

    h1, h2, h3, h4, h5 , h6, body p { 
     font-family: "your-font-family" !important; 

    Best regards,

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