Site wide change of font with @font-face
PermalinkI'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
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; }
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 :)
<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;}
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 :)
How many css files do you have?
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 :)
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: