This is searchable archive of our old support forums, which operated from 2012 - 2016. To find out how to get support for your current theme, please visit our support page.

Reply To: Google Fonts

#727
Jason Bobich
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?