Skip to main content
Participant
Jan 4, 2022 9:17 AM UTC
Question

Font show too big when page load

Hi,

 

I am using Adobe font on our website. When I load my website, the font shows too big for a second, and then the actual font is displayed. For this when I am testing my website on the google page speed insight tool, the CLS issue shows.

How can I solve this problem? Here is my website link.

https://imerit.net

 

    This topic is closed to new replies. Start a new post to keep the conversation going.

    5 replies

    Harshika Verma
    Community Manager
    Community Manager
    Jan 4, 2022 5:19 PM UTC

    Hi Soma22496123slja,

     

    Thank you for reaching out and sorry for the trouble. When I opened the link at my end on my chrome browser, it shows up fine-

     

     

    Could you please try using a different browser and see if that helps? Please share the name of the font you're using.

     

    We will try our best to help.

     

    Thanks,

    Harshika

     

     

    Translate
    Participant
    Jan 5, 2022 5:04 AM UTC
    Hi Harshika,

    I have checked the site on chrome (Version 96.0.4664.110) and Firefox
    (Version 96.0) incognito browsers, and both on the browsers, I have seen
    the problem.

    We used the below fonts on the website.
    1. aktiv-grotesk
    2. mongoose
    https://use.typekit.net/mcz8qrt.css?ver=5.8.2

    Regards,
    Soma Basu
    Translate
    Harshika Verma
    Community Manager
    Community Manager
    Jan 5, 2022 7:26 PM UTC

    Thanks for checking on other browser. We would suggest you to please go through this article: https://helpx.adobe.com/fonts/using/font-display-settings.html that gives some options for mitigating the flash of unstyled text

     

    Let us know if that helps.

     

    Thanks,

    Harshika

    Translate