I'm using wordpress with a theme framework where you can customize most of the stuff with clicks. It's not the ideal situation, but I saw 99 performance points in Google pagespeed for a fairly complex layout and I tried to put up with it. Besides Google fonts I can use my own hosted ones. I add a new font, select a weight and attach an uploaded file with that font weight. And repeat the process under that font for as many weights I need. And whatever I use it is called in the header with @font-face
If I want to use a variable font the only option I have now is to select every font weight I need and attach to it the same variable font file.
When I have, let's say 5 @font-face declarations with 5 static font files I get no text flash( FOUT). When I have 5 @font-face declarations with the same variable font on each - due to my theme limitation - the text flash until my font loads it's quite noticeable.
If someone could give me a little help at least to understand. This is an variable fonts known problem? Or it is due my theme limitation and one @font-face declaration with "weight: 300-700" would solve the problem? Thank you for any help.