Site wide change of font with @font-face

Permalink
So this is basically two questions:

I've read the how to on @font-face and what I want to know is a basic little detail. Does this make that font available through the fonts drop down menu?

The second question I have is, I need to make a site-wide change to the new font for body content, Where do I do this?

Many thanks!
JD46

View Replies:
Steevb replied on at Permalink Reply
Steevb
To include your custom fonts in the edit drop down, you will need an add-on.

This should help:http://www.concrete5.org/marketplace/addons/fontsmart/...

To make a change to a body content font, make sure you include the font in your main css and call the font from the main css.

Example:
body{font: .9em/1.3 'Custom Font', Arial, sans-serif;
JaPPa replied on at Permalink Reply
The first question is not clear to me.

The second one you could do in your .CSS file. Call the @font-face in your .CSS file. And then 'Add' that font to you're body font-family. If you use Google Fonts you might want to use @import instead of @font-face.

body {
font-family: 'your-font', arial, helvetica;
}
JD46 replied on at Permalink Reply
Hi JaPPa!

Yes I want to use google fonts, can you help me with this tiny bit of CSS,I sure it won't take more than 5 seconds just for a skeleton :)
Steevb replied on at Permalink Reply
Steevb
Add the Google font call to your header.php
<link href='http://fonts.googleapis.com/css?family=Gabriela' rel='stylesheet' type='text/css'>


Then add the reference to the font in your main css.
h1 {font-family: 'Gabriela', serif;}
JD46 replied on at Permalink Reply
Hi!

I presume the main css is in the theme folder? And thanks for helping :)

I can't find header.php either help there too please :)
Steevb replied on at Permalink Reply
Steevb
Do you have an 'elements' folder or something similar?

How many css files do you have?
JD46 replied on at Permalink Reply
Hi! Okay I'll look for it over there, sorry I know it's hard to help a person that's so lost :)

And where do I find the header.php?

Thanks!

P.S. Would you mind quickly discussing this over an email conversation? It'll be faster and then I can get to implementing these changes :)