metro add google fonts

[jamesalex]

How do I import the google fonts onto the metro theme please?

 

Kind regards

Jamie

[Peter]

Add the following line at the top of the style.css file, just before the 01 Defaults section;

@import url('http://fonts.googleapis.com/css?family=YourFont');

[jamesalex]

Hi

 

Many thanks, although it doesnt seem to be working on this theme, in the functions.php file there is a google font upload text that I am not familiar with.

 

Kind regards

Jamie

[bleubeard]

Hey Jamie,

Did you ever figure this out?

[Bill Murray]

@bleubeard - Is this an issue for you as well?

The advice Peter gave is accurate. You can add Google fonts by either a) using an @import rule in the stylesheet (Peter's advice) OR b) using wp_enqueue_style() in your child theme's functions.php. In other words, do 1 or the other, not both.

Metro uses method (b). You can stick with that or change it.

All you need to change is the URL. This is the value that is in single quotes in Peter's example. It's the 2nd parameter of the call to wp_enqueue_style() in the Metro functions.php. You get that URL from Google's web fonts site based on the fonts you want to load.

Peter's method is safer, because a typo in CSS won't break your site, but a typo in your functions.php will.

---

Web: https://wpperform.com or Twitter: @wpperform

We do managed WordPress hosting.

[Author]

Posts