[Resolved] Adobe Font Not Showing Correctly

[Robin]

Hey there – I have just installed an Adobe font called ‘Proxima Nova’.

I can select it from the ‘Customizer’ for my Body font, however, it doesn’t display as Proxima Nova (which is a sans serif font) and instead shows a serif font of some kind.

When I use ‘Inspector’ in my browser, it tells me the font is Proxima Nova, but it doesn’t look anything like it.

I have cleared my cache etc.

Please help? Currently sobbing into my hands.

TIA, Robin

[Robin]

Wondering if it might have something to do with the Snippet I have added?

add_filter( 'generate_typography_default_fonts', 'tu_add_typekit_fonts' );
function tu_add_typekit_fonts( $fonts ) {
    $fonts[] = 'Proxima Nova';

    return $fonts;
}

[David]

Hi there,

how was the font added – using the adobe typekit script? Or as locally served font?

[Robin]

Using the adobe typekit script. Like this:

<link rel="stylesheet" href="https://use.typekit.net/abc1def.css">

Added as a ‘Hook’, and ‘wp-head’. Displayed ‘Entire Site’.

[David]

In the above php snippet try changing:

$fonts[] = 'Proxima Nova';

to

$fonts[] = 'proxima-nova';

[Robin]

Yup, that worked. Many thanks David.

[David]

Glad to be of help

[Author]

Posts