Google Fonts don't work with Essence Pro Theme

[HeatherO]

I have tried a bunch of different Google Fonts with this theme and they don't work. I tested the same Google fonts with another theme and they work so it must be something to do with the Essence pro theme. I am experienced with this so it's not the GF setup, it's the theme.

When I add the fonts it sometimes will change the site fonts but not to what I want, sort of the secondary font. For example, if I use this:
font-family: 'Bungee', cursive;
It will put the default cursive font, not the one I want (Bungee).

I have tried with MANY different fonts and have the same issue.

[Brad Dalton]

Once you load Google fonts using PHP code, you can then use them in your style sheets CSS rules.

Maybe your fonts are not loading correctly using your PHP code.

---

2700 Genesis Tutorials

[HeatherO]

"Once you load Google fonts using PHP code"
Are you talking about the code you add to the head tags?
<link href="https://fonts.googleapis.com/css?family=Bungee&display=swap" rel="stylesheet">

CSS
font-family: 'Bungee', cursive;

This is what I do all the time and it is not working with this theme.

[HeatherO]

Got it working. For some reason, it only works if I add the head tag info after the Google Analytics code. I'll have to check the GA code. Thanks.

[Brad Dalton]

Your CSS looks right however you might want to load your fonts using PHP code in functions.php

add_action( 'wp_enqueue_scripts', 'wpsites_google_fonts' );
function wpsites_google_fonts() {
wp_enqueue_style( 'gfonts', '//fonts.googleapis.com/css?family=Bungee', array(), CHILD_THEME_VERSION );
}

And remove your HTML from the header scripts box

---

2700 Genesis Tutorials

[Author]

Posts