Custom fonts with font face/editing css

Community Forums Forums Design Tips and Tricks Custom fonts with font face/editing css

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  braddalton 1 year, 7 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #30805

    Cori
    Participant
    Post count: 14

    Hello, I have two custom fonts I’d like to use on my blog. I’ve uploaded them to a font folder under the genesis theme folder and added a css code with a link to them to the Custom Code area.

    [css]@font-face{
    font-family:gillsanslight;
    src:url(‘/public_html/wp-content/themes/genesis/font/GillSans-Light.ttf’) format ("truetype");
    }[/css]

    I saw that online – hopefully it’s right?

    My question is, do I add css code to the “custom code” section for the menu, widget and header font I want to use now? Or do I have to edit the css code itself in the prose child theme? I’m not very code-savvy so I’m afraid of messing something up!

    #30843

    braddalton
    Participant
    Post count: 10258

    Add the new CSS rules which include your fonts to the custom code box.

    You need to check the code for importing fonts http://www.fontsquirrel.com/tools/webfont-generator


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.