Google commence à prendre en charge les Variable Fonts

Réduire la taille des polices sur le web en définissant quelques styles maîtres et en ajoutant des axes (axis) afin de générer des dizaines d’instances dérivées, voire davantage.

Chaque variation peut être sélectionnée via le CSS.

@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;

}

}