Google ने Variable Fonts के लिए सपोर्ट शुरू किया

वेब पर फ़ॉन्ट का आकार कम करने के लिए कुछ master styles तय करके और axis जोड़कर, दर्जनों या उससे ज़्यादा derived instances बनाना।

CSS के जरिए हर variation को चुना जा सकता है.

@supports (font-variation-settings: 'wdth' 200) {

@font-face {

/* https://github.com/TypeNetwork/Amstelvar */

font-family: AmstelvarAlpha;

src: url('../fonts/AmstelvarAlpha-VF.ttf');

font-weight: normal;

font-style: normal;

}

#font-amstelvar {

font-family: AmstelvarAlpha;

font-variation-settings: 'wdth' 400, 'wght' 98;

}

}