Gogole Fonts – load fonts asynchronously not working

afraid GPSI is somewhat of a black box and although using webfonts.js is recommended and although the font CSS (and hence the fonts) are indeed requested in a non-render-blocking manner, it is sometimes still marked as render blocking. one reason _could_ be that the fonts you’re loading are too different from the system fonts that are used to do initial display of the page, forcing the browser to do an expensive repaint of your page, so specifying good fallback fonts might help?

hope this helps,
frank

Ok thanks for your response. I have specified a fallback font in the CSS – is that what you mean or is there another way?

indeed, but make sure the fallback font(s) is/ are available on as many systems as possible (e.g. Helvetica on Mac vs Arial on Windows vs generic sans-serif) and try to find fallback fonts that are as similar as possible to your Google Fonts.

The below is what I have in the CSS

body {
font-family: Roboto,”Helvetica Neue”,Helvetica,Arial,sans-serif;
}

yep, looks solid ??

Ok cool, so thats not the reason its not working. Any other suggestions?

PS. Thanks so much for your help, its much appreciated. ??

darn GPSI, how we love to hate you ??

I see you’re doing “inline & defer” but that you did not specify any “above the fold CSS”, so what you could try is extract your critical CSS and make sure (by adding manually if not there) the required @font-face declarations are in there. This should not only remove Google Fonts but also the AO’ed CSS files from GPSI’s radar ??

frank

That worked and Ive jumped from 84 to 98 / 100.

Im very happy with that!

Thanks so much for all your help ??

great job @leanneoleary, happy to have been able to help! feel free to leave a raving review here! ??

have a nice evening/ day!
frank

Hi, Sorry to bring this thread back alive but I redid my Google page speed today and it dropped significantly. This is due to amends made in the CSS, so I had to regenerate the above the fold CSS and paste in the space provided in the plugin. This is going to be difficult to I also noticed that all pages apart from the homepage have lower scores due to the CSS above the fold being slightly different.

Don’t suppose you know of any work around for these issues?

Many thanks ??

Don’t suppose you know of any work around for these issues?

I do, in fact, see my reply here; https://www.ads-software.com/support/topic/great-plugin-superb-support-14/#post-10071297 ??