[Resolved] Load additional Google Font without specifying in Customiser

[Alex]

Hey,
I’d like to use a Google Font for elements with a specific class. This isn’t difficult on it’s own, but I’d like to load in the font in the same call as the other Google Fonts that are specified in the Customiser. Is there any non-hacky way to do this, I’d rather not apply it to an element that isn’t used, like the h6 tag, to force it to load in.

Cheers,
Alex

[Tom]

Hi there,

There is a filter, but it filters the string which is a little silly.

Here’s what you would do:

add_filter( 'generate_typography_google_fonts', function( $fonts ) {
    $custom_fonts = 'Your+Font+Name:200,300,400';

    if ( $fonts ) {
        $custom_fonts = '|' . $custom_fonts;
    }

    return $fonts . $custom_fonts;
} );

I’ve made a note to add a filter to the array to make it cleaner.

[Alex]

Thanks Tom, that works perfectly 🙂

[Tom]

Glad I could help 🙂

[Author]

Posts