fonts issue

[oceansize]

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

[Brad Dalton]

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:

@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.

Example:

h3 {
font-family: Trashhand;
}

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

---

Tutorials for StudioPress Themes.

[Author]

Posts