Variable fonts

Question

Is it advisable to use variable fonts where site speed is very important?

Answer 1

Ore I would say they are, but I think there are other practices that allow your web page to load faster.

For example, embedding small images as Base64 in your CSS, instead of fetching them from a remote location.

Another extended practice is to minify JavaScript files so that they weigh less.

Another may be choosing servers with high throughput and low latency (easy on the spot, but rather difficult to maintain that status over time).

It all boils down to doing the least possible number of requests, and/or the least possible file size, and using channels that allow fast transfers, with the least possible number of bottlenecks.

Answer 2

What exactly did you mean by "variable fonts"?

Answer 3

Ipang variable fonts are fonts which contain all the different font styles in one file. They are really trending on google fonts in recent times

Answer 4

Thanks for info Ore I didn't even know that until now 😁🙏

Answer 5

It is advisable you only include the fonts you are actually using in your page.

Google Fonts helps you with this matter by providing personalized font files that allow you to request a subset of features, such as weights or slants. The less features, the better.

Answer 6

Felipe BF Unfortunately, that does not answer my question. Of course, one should include only the fonts used in a page but what if that font is a variable font? That will mean fewer http request and allow more freedom like animating fonts.

My question is if they are a good option when it comes to speed optimization and mobile design?