Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1064195

    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

    #1065680

    Hey ThiloKiefer,

    Please post us your login credentials (in the “private data” field), so we can take a look at your backend.

    1. Install and activate ” Temporary Login Without Password “.
    2. Go to ” Users > Temporary Logins ” on the left-side menu.
    3. Click ” Create New “.
    4. 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 ).
    5. Click ” Submit “.
    6. 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,
    Basilis

    #1067001
    This reply has been marked as private.
    #1068175

    Hi,

    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

    #1068516

    Thankx … works!

    #1068740

    Hi ThiloKiefer,

    Glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Performance => Diagnostics => Ensure text remains visible during webfont load’ is closed to new replies.