[Resolved] Google font (Overpass)

[mor]

Based on my search, I added this (Via Code Snippets):

add_filter( ‘generate_typography_customize_list’,’tu_add_google_fonts’ );
function tu_add_google_fonts( $fonts )
{
$fonts[ ‘overpass’ ] = array( ‘name’ => ‘Overpass’ );

return $fonts;
}

The font still doesn’t show in the list.

Is there a different way?

[Leo]

Hi there,

Just tried and this worked for me:

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

[mor]

Not happening for me 🙁

[Leo]

Make sure the snippet is activated and check the bottom of the typography list.

[mor]

Yesss! It’s at the bottom. Why? (and thank you 🙂 )

[Tom]

The way the filter works is it waits for the list to be built and then appends the new name after the alphabetizing has been done. I’ll see if I can improve that 🙂

[mor]

No rush 🙂 Now that I know – I will know where to look for it.

Any idea how to get Elementor to get with the program show the font to show in the drop down?

[Tom]

Elementor would need their own filter/function for their list.

[mor]

Thank you.

[Leo]

Glad we could help 🙂

[Author]

Posts