fonts issue

This topic is: not resolved

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

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

    Post count: 6

    Hi. I’m new to the genesis framework and would like to know how I include web fonts from I’ve added them into my styles.css file but for some reason these fonts aren’t showing on my website. I’ve added them to the styles.css i.e.-
    src:url(“fonts/7d3671fc-8c26-459c-98e1-997c4f6c8c93.eot?iefix”) format(“eot”);}

    Do they need to be called from the functions.php file?
    Thanks for your help.

    Post count: 10667

    Can you please paste the entire code into Pastebin and link to it from here.

    You need to:

    1. Add the CSS code for your fonts at the start of your style.css file

    @font-face {
    font-family: ‘trashhandregular';
    src: url(‘trashhand.eot’);
    src: url(‘trashhand.eot?#iefix’) format(‘embedded-opentype’),
    url(‘trashhand.woff’) format(‘woff’),
    url(‘trashhand.ttf’) format(‘truetype’),
    url(‘trashhand.svg#trashhandregular’) format(‘svg’);
    font-weight: normal;
    font-style: normal;

    2. Upload the fonts to your child themes root directory and place in a folder named fonts. You can use a free online generator to create a fonts kit which you upload to your child themes folder.

    3. Replace the font-family values with the new fonts in your style sheet.

    h3 {
    font-family: Trashhand;

    Here’s a good tutorial

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

You must be logged in to reply to this topic.