-
Posts
-
Hello Support,
how can we ensure that text remains visible during webfont load?
Lighthouse => Performance => Diagnostics => “Ensure text remains visible during webfont load”
“Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading”
themes/enfold/config-templatebuilder/avia-template-builder/assets/fonts/entypo-fontello.woff’we try this: font-display property via quick css => font-display not known
Can you guide us what to do?
Best regards
Thilo Kiefer
Hey ThiloKiefer,
Please post us your login credentials (in the “private data” field), so we can take a look at your backend.
- Install and activate ” Temporary Login Without Password “.
- Go to ” Users > Temporary Logins ” on the left-side menu.
- Click ” Create New “.
- Add the email address for the account ( you can use (Email address hidden if logged out) ), as well as the ” Role ” making that the highest possible and the expiry about four days
( do be sure that we have enough time to debug ). - Click ” Submit “.
- You’ll now have a temporary account. Please provide us here in the private section the URL, so we can login and help you out.
When your issue is fixed, you can always remove the plugin!
If you prefer to not use the plugin, you can manually create a admin user and post the login credentials in the “private data” field.Best regards,
BasilisHi,
Thank you for the update.
According to a “lighthouse” git discussion, you have to put the property in front of everything else. Please edit the config-templatebuilder > avia-templatebuilder > php > font-manager-class.php file, look for this code around line 508:
@font-face {font-family: '{$font_name}'; font-weight: normal; font-style: normal;… and then replace it with:
@font-face {font-display: block; font-family: '{$font_name}'; font-weight: normal; font-style: normal;// https://github.com/GoogleChrome/lighthouse/issues/6628
Best regards,
Ismael
- The topic ‘Performance => Diagnostics => Ensure text remains visible during webfont load’ is closed to new replies.