Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 6, 2016 at 5:59 am #682446
    mcraig77

    Ahoy,

    So I’m adding a custom font to enfold using a child theme and need some help. Does this tread work https://kriesi.at/support/topic/custom-webfont-for-child-theme/ ?

    Do I add the font folder in the child theme? and what code do I put in the css?

    September 7, 2016 at 6:23 am #682967
    Rikard

    Hey mcraig77,

    Yes following that thread might work out for you, what font are you trying to add? Where did you upload it to?

    Best regards,
    Rikard

    September 8, 2016 at 7:46 am #683525
    mcraig77

    Ahoy,

    I uploaded the fonts to a child theme here (private area). The font is called Tiempos Headline Black Italic. What is the next step on my end?

    September 9, 2016 at 6:29 am #684005
    Rikard

    Hi,

    Please refer to this: http://www.w3schools.com/cssref/css3_pr_font-face_rule.asp. Replace the URL in the example with the full URL to your font.

    You can then use it like this for instance: 

    <p style="font-family:'Your font', Arial, Verdana;">
Your text
</p>

    Regards,
    Rikard

    September 9, 2016 at 7:51 am #684045
    mcraig77

    Ahoy,

    Hmm…
    I would like all the headers to be this new font on my site.

    Is this what I add to add the font in the quick css?

    @font-face {
    font-family: myFirstFont;
    src: url(https://www.keensocial.com/wp-content/themes/enfold-child/fonts/WebFonts/TiemposHeadlineWeb-BlackItalic.woff);
}

    and how do I make this the headers?

    September 10, 2016 at 8:24 am #684448
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    h1, h2, h3, h4, h5, h6 {
font-family: 'myFirstFont', arial, verdana !important; 
}

    Best regards,
    Rikard

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