Custom fonts with font face/editing css

[Cori]

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.

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

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!

[Brad Dalton]

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

---

Tutorials for StudioPress Themes.

[Author]

Posts