Tagged: 

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • March 21, 2016 at 12:47 pm #601184
    fluent

    Hello
    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.
    Thanks
    Pete

    March 22, 2016 at 6:02 am #601686
    Rikard

    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.

    Thanks,
    Rikard

    March 22, 2016 at 12:24 pm #601827
    fluent

    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
    Pete

    March 22, 2016 at 4:59 pm #601981
    studiono

    I am interested in this as well

    March 22, 2016 at 5:25 pm #602006
    Yigit

    Hey!

    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,
    Yigit

    March 22, 2016 at 5:58 pm #602042
    studiono

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

    March 22, 2016 at 6:11 pm #602048
    Yigit

    Hey!

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

    Cheers!
    Yigit

    March 22, 2016 at 6:23 pm #602054
    studiono

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

    March 23, 2016 at 7:27 am #602358
    Rikard

    Hi,

    Please try the following: 

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

    Best regards,
    Rikard

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