Monday April 16th, 2018

Variable fonts. Let’s play!

In 2016 we began to learn more about variable fonts, a great typographic novelty that will revolutionize responsive web design. This new type of fonts are jointly developed by Apple, Google, Microsoft and Adobe. They were presented at ATypl 2016 by Typekit, where they showed us the great potential they can have in the web world.


Image https://typographica.org/on-typography/variable-fonts/

In 2016 we began to learn more about variable fonts, a great typographic novelty that will revolutionize responsive web design. This new type of fonts are jointly developed by Apple, Google, Microsoft and Adobe. They were presented at ATypl 2016 by Typekit, where they showed us the great potential they can have in the web world.

Recall  that variable fonts have the peculiarity of behaving as several fonts with a single Open Type file. That is, we could change weights, sizes and other attributes with just one font file. Currently, you need a different file for each font variant.

 

Lettering example, courtesy of Erik van Blokland.  Typekit’s blog

Imagine the infinite possibilities that this type of fonts can have in the responsive web design (in the article written by John Hudson you can expand the technical information about OpenType Variable Typography).

Although slowly, there are more and more tools and resources that allow us to experiment with these new formats to get to know them better.

V-fonts is a website that allows you to test variable fonts and discover their full potential. Of course, you will need a browser that supports this type of font files.

Although variable fonts have come to stay, there is still a long way to go until they are fully supported by all browsers and are part of the daily responsive web design. Meanwhile, let’s experiment with them!