Google Fonts – multiple fonts

[BrendaGaelSmith]

I am using the Prose theme and wish to load two different Google fonts - a script font for headings and a sans serif font for other text.

I have successfully added one font via "Custom Code>Custom Functions" and following this tutorial:
http://my.studiopress.com/tutorials/load-google-fonts/

However, when I add a second font, the site will not load. What is the best way to load two different Google fonts?

http://loisparishevans.com

[Peter]

You can use the vertical bar | symbol to list multiple fonts. For example:

add_action( 'wp_enqueue_scripts', 'sp_load_google_fonts' );
function sp_load_google_fonts() {
wp_enqueue_style( 'google-font', '//fonts.googleapis.com/css?family=Lato:300,700|Open+Sans:400,700', array(), CHILD_THEME_VERSION );
}

You can add as many fonts as you want, just separate them with a vertical bar |

[BrendaGaelSmith]

Thank you Peter. That works perfectly 🙂

[Landon]

Thank you!

[Author]

Posts