November 19, 2012 at 8:55 pm
#727
Keymaster
Hello,
It’s pretty straight forward. Essentially you’re just copying the instructions they give you in the Google font directory when using a font, and this is essentially all other Theme Blvd themes are doing for you behind the scenes when you configure those options.
So let’s take a font called “Marcellus” — Here’s the standard way Google tells you to implement it: http://www.google.com/webfonts#UsePlace:use/Collection:Marcellus
Step 1: Include the font.
So, in your Child theme’s functions.php, you could do something like this:
function my_fonts(){ echo '<link href="http://fonts.googleapis.com/css?family=Marcellus" rel="stylesheet" type="text/css">'; } add_action( 'wp_head', 'my_fonts' );
Note: If you were implementing multiple fonts, you could just put all the calls to them in that one function.
Step 2: Incorporate it into your CSS.
Now, just apply the font with CSS how you would any font.
body { font-family: 'Marcellus', serif; } h1, h2, h3, h4, h5 { font-family: 'Marcellus', serif; } .whatever { font-family: 'Marcellus', serif; } etc, etc ...
Make sense?