Font show too big when page load

New Here ,
Jan 04, 2022 Jan 04, 2022

Copy link to clipboard

Copied

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

 

Views

90

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 04, 2022 Jan 04, 2022

Copy link to clipboard

Copied

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

 

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 04, 2022 Jan 04, 2022

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 05, 2022 Jan 05, 2022

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Jan 08, 2022 Jan 08, 2022

Copy link to clipboard

Copied

Hi Harshika,

I read your shared document and used auto as font-display value. But it's
not solving my problem. Is there any other way we can use it?

Regards,
Soma Basu

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Employee ,
Jan 10, 2022 Jan 10, 2022

Copy link to clipboard

Copied

LATEST

Thanks for trying the steps, Soma22496123slja. Could you please try the Block option from the article to block any text from displaying until the web fonts are loaded?

 

HARSHIKA_VERMA_0-1641848620236.png

 

 

Let us know if that helps.

 

Thanks,

Harshika

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Troubleshooting
Feedback & Suggestions
Fonts Licensing