Site logo

Archived topic

Adobe Font Not Showing Correctly

6 replies · Started by RJ on August 16, 2019

Viewing posts 1–7 of 7

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

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;
}

Hi there,

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

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'.

In the above php snippet try changing:

$fonts[] = 'Proxima Nova';

to

$fonts[] = 'proxima-nova';

Yup, that worked. Many thanks David.

Glad to be of help

This archived topic is closed to new replies.