FOUC In Headers and H1 on Mobile

Hello,

I’m having the issue from a previous ticket (link below) show up again in headers and also in H1 tags, but only on mobile. Any other suggestions?

Hi @chiphanna,

Thank you for reaching out to us. I checked your site and I believe this is happening due to the load time of the font. I see you’re using Alegreya Sans with almost all the font weights and Bangers on your site and they are loading simultaneously thus increasing the load time of the font.

See the load time in the screenshot below if you select multiple font weights for a font.

To make this font load faster try loading those font weights that are in use only and uncheck rest of them and see if this helps.

If this doesn’t work then try loading the Bangers font separately by adding the following code in your child theme’s functions.php file

add_action('wp_head','custom_font');
function custom_font() { 
?>
	<link href="https://fonts.googleapis.com/css?family=Bangers" rel="stylesheet">
<?php 
}

Let us know how this goes!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.