Skip to main content

Variable Fonts

Some of our fonts are offered as Variable Fonts.

Overview

Variable fonts allow multiple styles (weight, width, slant, etc.) to be contained in a single font file, making typography more flexible and efficient.
Compared to static fonts, which require separate files for each style (e.g., Regular, Bold, Italic), variable fonts consolidate them into one, reducing file requests and offering greater design adaptability.

Browser Support

Check current browser compatibility here: Can I Use – Variable Fonts

OS & Application Support

See the latest list of supported operating systems and applications here: v-fonts Support

CSS Example

Here’s a sample embedding snippet:

@font-face {
font-family: "MyVariableFont";
src: url("MyVariableFont.woff2") format("woff2-variations");
font-weight: 100 900;
font-stretch: 75% 125%;
font-style: oblique 0deg 20deg;
}

.my-text {
font-family: "MyVariableFont", sans-serif;
font-weight: 400;
}

Further reading about variable fonts

In desktop apps

Online apps

Installing fonts

Android Apps