Google Mulai Mendukung Variable Fonts

Untuk mengurangi ukuran font di web, beberapa gaya master ditentukan lalu ditambahkan sumbu (axis) sehingga dapat menghasilkan puluhan atau lebih instance turunan.

Setiap variation dapat dipilih melalui 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;

}

}