Les variable fonts, ou polices variables, sont des polices qui réunissent toute une famille de styles dans un seul fichier, répartis le long d'axes : graisse, largeur, inclinaison, taille optique ou axes imaginés par le dessinateur. Présentée en 2016 par Adobe, Apple, Google et Microsoft, cette technologie permet de choisir n'importe quelle valeur intermédiaire tout en allégeant les fichiers.
Où l'observer
Les variable fonts se manipulent grâce à des curseurs dans les logiciels de création et sur des plateformes comme Google Fonts, où l'on fait glisser la graisse ou la largeur en temps réel. Le Roboto Flex ou le SF Pro d'Apple en sont des exemples, et sur le web leurs axes se règlent avec la propriété CSS font-variation-settings.
Pourquoi ce détail compte
Les variable fonts changent la façon de concevoir et d'utiliser une famille de caractères :
- Un seul fichier remplace des dizaines de styles, ce qui allège considérablement le chargement d'une police sur un site ;
- Elles permettent un réglage très fin, au degré près, pour adapter exactement la graisse ou la largeur à un titre, un écran ou un usage ;
- Leurs axes peuvent s'animer en temps réel, ce qui ouvre de nouvelles possibilités pour le motion design et les interfaces.
Terme associé
L'OpenType est le format de police sur lequel reposent les variable fonts, qui en constituent une extension.