[Resolved] FOUT Adobe font

[Davide]

Hello there,

I’m experiencing occasional flash of unstyled text with the Adobe font Abolition. It is hooked to wp_head with a Hook Element (<link rel="stylesheet" href="https://use.typekit.net/foo.css">), and added to the Customiser via

add_filter( 'generate_typography_default_fonts', 'tu_add_typekit_fonts' );
function tu_add_typekit_fonts( $fonts ) {
    $fonts[] = 'abolition';
    return $fonts;
}

in child functions.php.

Any idea?

Best,

Davide

[Leo]

Hi there,

The theme itself cannot cause issues like this.

Are you using any caching plugins?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Davide]

Hi, thanks for replying.

Yes, SG Optimizer, the native optimizer plugin of Siteground, the host I’m on.

When I had the font locally on my machine no issue appeared. It arose after linking the Typekit stylesheet.

[Leo]

Can you test if the issue occurs with SG Optimizer deactivated?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Davide]

I’m adding the font via CSS, so I removed the snippet from functions.php and it seems to be working. I read around that this seems to be a common issue with Typekit fonts, indeed not theme-related.

If the issue reappears I’ll try to deactivate the cache plugin.

Thanks for help!

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts