fonts issue

This topic is: not resolved

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

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

    oceansize
    Participant
    Post count: 6

    Hi. I’m new to the genesis framework and would like to know how I include web fonts from fonts.com. 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.-
    @font-face{
    font-family:”FrutigerLTW01-45Light”;
    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.

    http://djsitedesign.com
    #58101

    braddalton
    Participant
    Post count: 9701

    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

    Example:
    [css]
    @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;
    }
    [/css]

    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.

    Example:
    [css]
    h3 {
    font-family: Trashhand;
    }
    [/css]

    Here’s a good tutorial http://sixrevisions.com/css/font-face-guide/


    Specializing In StudioPress Child Theme Customization.
    500+ StudioPress Tutorials

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

You must be logged in to reply to this topic.