Polices variables OpenType: Navigateurs pris en charge
Les polices de caractères variables sont sur la planche à dessin depuis quelque temps et Google vient de publier Chrome 62 avec prise en charge de ces nouvelles polices et semble assez simple à utiliser, par exemple :
font-variation-settings: 'wght' 700, 'wdth' 75;
Malheureusement, pour l'instant canIuse ne répertorie pas cette fonctionnalité et par conséquent, je ne sais pas si un autre navigateur le supporte. Ceci dit, cela m'amène à la (aux) question (s):
- Quels navigateurs supportent les polices Variable?
- Devez-vous utiliser une méthode de secours pour les périphériques ne prenant pas en charge ces nouvelles polices ou les polices sont-elles compatibles avec tous les navigateurs mais ne permettent-elles pas de la régler?
Voyons tout d’abord la réponse la plus simple, prise en charge des polices variables par le navigateur: les éditions pour développeurs Firefox ont un niveau de prise en charge, maintenant Chrome 62, Chrome Android, Safari iOS et Safari. En fonction de l'utilisation, Chrome + mobiles & Safari a touché la majorité des navigateurs les plus utilisés sur Can I Use. Et maintenant que Chrome a atteint la version générale, les autres navigateurs qui souhaitent rester dans la course feront de même.
Comme pour tout ce qui concerne le navigateur, il peut y avoir différentes implémentations et certaines commandes prises en charge ou non. Il est préférable de vérifier les notes de publication pour lesquelles vous souhaitez prendre en charge et d'utiliser des paramètres communs à tous.
Solution: vous pouvez utiliser les attributs CSS à la place. Pas aussi sophistiqué, mais ils sont compatibles avec tous les navigateurs et fonctionnent. Vous pouvez définir une valeur par défaut dans votre CSS, puis modifier la police en paramètres de variable aux emplacements où vous souhaitez des polices de variables. Essayez un peu de CSS sur quelques navigateurs et voyez si cela donne le look que vous souhaitez. Je pense que le mettre en CSS est plus sûr que de laisser le navigateur utiliser sa valeur par défaut - par utilisateur, cela pourrait être n'importe quoi.