Archived topic
Ensure text remains visible during webfont load- generatepress font
8 replies · Started by Khairujjaman on April 25, 2021
Seeing this url in pagespeed tool: https://domain.com/wp-content/themes/generatepress/assets/fonts/generatepress.woff2
Note: I've already added below code to site:
add_filter( 'generate_google_font_display', function() {
return 'swap';
} );
Hi there,
That filter is for Google fonts.
To address generatepress.woff2 being flagged. Change from font icons to SVG icons. You can do this on Appearance > Customizer > General. Set the icon type to SVG.
I've checked your PSI result. The other one being flagged is not within the theme assets. forkawesome-webfont.woff2?v=1.0.11 comes from Shortcodes Ultimate plugin.
I recommend asking shortcodes ultimate support on their best practice to address this flag.
I did this already "Appearance > Customizer > General. Set the icon type to SVG." (https://prnt.sc/122g74q)
still it isn't working, that's why I posted this.
##
Additionally, you may have noticed the error in "Eliminate render-blocking resources" where "Noto Serif" font is causing issue. Can't figure out why.
I set all my default fonts to "Roboto" for which "swap" function is active. But I can't find from where the "Noto Serif" is coming from.
##
About the forkawesome font error, I'll have to replace that plugin. But that's different issue.
I did this already “Appearance > Customizer > General. Set the icon type to SVG.” (https://prnt.sc/122g74q)
still it isn’t working, that’s why I posted this.
Strange. The site didn't look like it had icon type SVG enabled as it is still using :before pseudo element to apply its icons. Can you try clearing server and all other cache on the site?
Additionally, you may have noticed the error in “Eliminate render-blocking resources” where “Noto Serif” font is causing issue. Can’t figure out why.
I set all my default fonts to “Roboto” for which “swap” function is active. But I can’t find from where the “Noto Serif” is coming from.
I don't see this at all. Here's what I see on my end on the PSI report.
[image redacted by request of user]
I've checked the minified CSS. I don't see "Noto Serif" in there as well. All 31 instances of "font-family" didn't have one.
I've checked the request on the site just to confirm and it's not there as well.
Screenshot URL Removed
I'll try clearing those then test again. Till now I was clearing from wordpress & cloudflare.
BTW, your last screenshot (........Lw1) exposed the site. Maybe you haven't noticed. Remove that please :)
Hi there,
i have removed the offending screenshot.
Thanks
BTW, your last screenshot (……..Lw1) exposed the site. Maybe you haven’t noticed. Remove that please
All screenshots removed. No problem.