[Resolved] Font not working for H1 and Body Text

[Julie Brooks]

I have selected the same Google font (Volkhov) for all parts of the site I’m building. It is working for the navigation, but not for the H1 headers or body text.

Here is the site:

http://64.131.80.35/~outonalimb/

Please let me know if there is something wrong. Thanks.

[Tom]

Looks like you’re importing the parent theme stylesheet a second time in your child theme’s style.css file.

Remove this line and you should be good to go:

@import url("../generatepress/style.css");

[Josh]

Fonts are not changing for me either. Everything is staying Open Sans even when I change the body.

Wondering if the solution above is what I need.

See http://storythinker.com/josh

Here’s what I did…
(1) Added new theme by typing “generatepress”
(2) Installed latest version
(3) Installed premium plugin
(4) Put in my license
(5) Activated TYPOGRAPHY
(6) In customizer, selected BODY and changed a font
(7) Nothing happens when I pick different fonts.

At the time of writing, I’ve selected Palatino but Open Sans is still showing… what’s up?

(Remember – I just started from scratch – there’s nothing else on the site!)

[Leo]

Hi Josh,

No I don’t think the solution above is what you needed.

So…nothing changes when you go to Customizer > Typography > Content > H1/H2/H3 and change font family for them?

What about font size?

[Tom]

Hi Josh,

I can see the issue, but it shouldn’t be happening. Any chance you can email me temporary admin login details?: https://generatepress.com/contact/

[Tom]

Never mind, I see what’s happening.

You can fix this by updating to GP Premium 1.2.93.

Thanks!

[Josh]

YOU ROCK!!!!! 🙂

Another question. Maybe this one is out of the bounds of your control.

There’s a Google font called Overpass that I can’t find in the menu.

Does the menu in GP Premium automatically update to see newer fonts like this?

[Josh]

Fanwood Test is another example. https://fonts.google.com/specimen/Fanwood+Text

[Tom]

You can add Google Fonts to the list using a filter: https://docs.generatepress.com/article/customizing-the-google-font-list/

[Josh]

OK…Here’s what I did
(1) Installed theme child
(2) Added this to functions.php

add_filter( 'generate_number_of_fonts','tu_show_all_available_google_fonts' );
function tu_show_all_available_google_fonts()
{
	return 'all';
}

(3) Went into Customizer – Typography

ISSUE 1 – H1 will not change
ISSUE 2 – Overpass font isn’t there…

http://storythinker.com/josh

[Tom]

The H1 seems to be working, there just isn’t an H1 (that’s not the main title) on that page. Check it out here: http://storythinker.com/josh/what-is-mit-5-reasons-why-you-need-it/

It must be a newer font, you should be able to add it to the list like this:

add_filter( 'generate_typography_customize_list','tu_add_google_fonts' );
function tu_add_google_fonts( $fonts )
{
	$fonts[ 'overpass' ] = array( 'name' => 'Overpass' );
	
	return $fonts;
}

Otherwise you might need to embed it using the Google Font instructions (adding the <link> element in the wp_head in GP Hooks).

[Author]

Posts