[Resolved] Local fonts and font display swap – fonts lag

[Tomasz]

I added the font locally and to improve the parmetrics in Google Page Speed Test I added a parameter to the CSS code in these fonts: font-display: swap; . The site is now admittedly 100/100 in the test but every sub-page, the page for 1 second before displaying, shows the font local and only then the one I have hosted. It looks ugly and it works. Is it possible to fix this somehow?

[Fernando]

Hi Tomasz,

Can you provide a link to a page where we can observe the issue?

[Tomasz]

The link was in the previous message at the top in private information. I’m adding a link to the site in private info

[David]

Hi there,

none of those fonts are loading on your site, everyone is 404’ing
This is one of the broken links:

https://tomaszgiemza.pl/tomaszgiemza.pl/wp-content/uploads/fonts/montserrat-v25-latin-ext-regular.woff2

Can you double check the URL of the font is correct in your @font-face CSS.

NOTE: If you have a font installed on your PC/Mac then the browser will use it, which is why you may see it loading.

[Tomasz]

It seems that David was right. I had the same font installed locally on my computer. I uninstalled it and the problem disappeared.

How can you see if it doesn’t lag and load the font correctly on you too?

[Ying]

How can you see if it doesn’t lag and load the font correctly on you too?

Not sure I understand the question, if the @font-face font links are incorrect, the font would not apply.

[Tomasz]

I have already changed. It works. My mistake. Thanks.

[Ying]

So everything is working fine now? Glad to hear that 🙂

[Author]

Posts