Archived topic
Local fonts and font display swap - fonts lag
7 replies · Started by Tomasz on January 22, 2023
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?
Hi Tomasz,
Can you provide a link to a page where we can observe the issue?
The link was in the previous message at the top in private information. I'm adding a link to the site in private info
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.
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?
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.
I have already changed. It works. My mistake. Thanks.
So everything is working fine now? Glad to hear that :)