Hello there,
I wish you a happy and healthy new year, I hope to find help here ... here I am using Wix for years for my website ... and the I am immersed to optimize the display speed ... the score is so poor ...
To start with, it's so easy to add custom fonts from google on wix ... ok well ... but when I test my site, the speed of the text loading is slow
( see image above ! )
The easiest way to avoid showing invisible text while custom fonts load is to temporarily show a system font. By including font-display: swap in your @font-face style, you can avoid FOIT in most modern browsers:
So, How i can integrate this code to my website ?
Thx for reply.
@font-face {
font-family: 'Pacifico';
font-style: normal;
font-weight: 400;
src: local('Pacifico Regular'), local('Pacifico-Regular'),
url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2)
format('woff2');
font-display: swap;
}
Yeah, I'd like to know this myself. My web safe fonts not swapping and images not lazy loading is hurting me in google. I can go all text and still get a 3 FCP.
Is it CSS what you want to add?
I think you can add it in a CUSTOM-ELEMENT.