Variable fonts : le futur de la typographie sur le web

Grâce aux web fonts, nous pouvons déjà utiliser des polices plutôt complètes, avec différents niveaux de graisses et d’italique. Seul bémol, cela requiert énormément de fichiers, car chaque style typographique pour une police donnée nécessite son propre fichier. Pour des raisons de performance, les développeurs ont tendance à n’embarquer que le strict minimum, au détriments du style et de l’intention typographique. A titre d’exemple, inclure toutes les variantes de la police Open Sans représente 549ko (18 fichiers). Septembre 2016 : introduction du format Variable Fonts Ce nouveau format de la famille OpenType change la façon d’utiliser les polices sur le web. Il permet :

d’avoir un seul fichier par police, contenant tous les styles de typographie (italique, graisse, etc).

de faire des transition en douceur entre les différents styles.

Vous l’aurez compris, le principal avantage des variable fonts est de pouvoir accéder à tous les styles de typographie d’une police, sans alourdir la page. Comparaison d’une page avec et sans variable fonts. Adoption du format Variable Font Les principaux navigateurs prennent tous en charge ce nouveau format (Firefox depuis quelques jours). Au niveau des outils de design, les variable fonts sont déjà utilisables dans Photoshop et Illustrator, mais pas encore dans inDesign, Figma ou Sketch. Les mots véhiculent un sens. La typography l’amplifie ou le dilue. Jason Pamental, (web) typographer Si le sujet vous intéresse, je vous recommande la captation vidéo de la keynote de Jason Pamental lors de la conférence WebU 2017. On y apprend plein de choses intéressantes sur la typographie en général, et plus particulièrement sur les variable fonts. « Variable Fonts and the Future of Web Design », par Jason Pamental, lors de la conférence WebU 2017