What are Variable Fonts?
Variable fonts are typefaces reduced to a single file. They allow you to create animated, variable type through parameters such as weight or grade, instead of specific font files.
Web Dev introduced Variable Fonts to the world in February 2018, and are a font specification that can significantly reduce font file sizes. As of May 2020 variable fonts are supported in most browsers.
Variable Fonts are beneficial for projects that uses a wide variety of fonts, which can lead to heavy file sizes and long load times.
Another innovative benefit is that variable fonts allow for type animations, as shown by Shantell Martin's Shantell Sans.
Looking to use Variable Fonts in Figma ?
To learn how to use Variable Fonts in Figma, consult the guide below.
Any Questions?
We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.