Hey the video is not present in your post. Also what font are you trying to use?
Also, why do you have so many versions of the font loaded? Do you use all of those weights in your design? Which font are you using? The uploaded or the Google Font version? I would pick one and use that only.
Lastly, there are many weighted versions of the Noto Serif font. For a speed and loading perspective, only load the fonts and the weights you actually use in your project.
Sorry, it wasn’t uploaded properly. It just shows a short glitch/jump from the intended font to some fall back font.
I want to use playfair display for the first page and noto serif jp for all body text.
The reason why I use several versions is that I read on some forum that I potentially could solve the problem with fonts jumping… I have tried just having one font from google fonts and the problem persists…
Hi again, your input (@cyberdave) in this thread solved the problem last time and it worked like a charm for some time. Now, however it has come back again. Sometimes it takes up to 3 seconds before the proper font is loaded… Any other ideas how to solve this annoying problem?
I’m also experiencing the same problem with text I’m using in my pre-loader.
The code above doesn’t work out unfortunately.
Any help/adjustments to the code to make it work out would be highly appreciated, merci
This is what worked for me in addition to the code that was provided in the forum - adding a transition for the font-family to the specific id element of the word that changes fonts. My word id is #middleword, but you could replace it with whatever your text element is. I added this custom code inside the tag: