Ensure text remains visible during webfont load – Google speed

This topic has 8 replies, 2 voices, and was last updated 4 years, 5 months ago ago by Olga Barlow

  • Avatar: fabio_vito
    Fabio
    Participant
    May 20, 2020 at 09:32

    Dear Support,

    I would need to add the “font-display: swap;” css command in all the legenda/css/fonts.

    Could you please suggest me how to implement this addition for example through the legenda child?

    Thanks in advance.

    Fabio.

    7 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 21, 2020 at 10:59

    Hello,

    We made some changes in legenda/css/et-fonts.css and added font-display: swap. I have sent you fixed file to your registration email. Upload it to your site. Fix will be included in the next theme update.

    Regards

    Avatar: fabio_vito
    Fabio
    Participant
    May 22, 2020 at 09:41

    Dear Olga,

    Thank you for the file! It works and solved some fonts issues.

    At the same time google reports other fonts that would require the same addition (font display swap). Please have a look here: https://snipboard.io/9b7EwK.jpg

    Is there a way to fix also these 2 remaining fonts?

    Thanks.

    Fabio.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 22, 2020 at 10:28

    Hello,

    I have sent you the additional files to fix the issue.

    Regards

    Avatar: fabio_vito
    Fabio
    Participant
    June 1, 2020 at 13:56

    Dear Olga,

    Thank you very much for the provided files, they helped and improved the situation. At the same time, 2 additional font files appear to need a further adjustment (font display swap):
    1) fonts/fontawesome-webfont.woff?v=3.2.1
    2) fonts/star.woff

    Could you please have a look at it and do your magic?

    Thanks in advance.

    Fabio.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 1, 2020 at 15:54

    Hello,

    I sent the style.css file to fix the font awesome font but star.woff is not our theme font. What is the full path to file?

    Regards

    Avatar: fabio_vito
    Fabio
    Participant
    June 1, 2020 at 16:06

    Hi Olga,

    Thank you! I will replace the style.css

    You are right the second font does not belong to the theme, it is related to a plugin.

    Fabio.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 1, 2020 at 16:12

    Hello,

    You are welcome.

    Regards

  • Viewing 8 results - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.