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
- Apple MacOS: https://support.apple.com/en-us/HT201749
- Microsoft Windows: https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows
- Linux: https://www.google.com/search?q=how+to+install+a+font+on+gnu%2Blinux