Apple dévoilé une version étendue de sa police système de San Francisco à la WWDC 2022. Puis, le mois dernier, Jim Nielsen s'est concentré sur les variations de la police, expliquant comment la police offre un éventail de variations en fonction de la largeur ainsi que le poids. C'est une lecture remarquable si vous ne l'avez pas vérifié.
Avec toutes ces nouvelles options intéressantes, vous pourriez être tenté de les utiliser dans une conception Web. Chris était lorgner sur les ensembles étendus également sur son blog personnel et a réfléchi :
Mais il n'est pas clair comment nous pourrions puiser dans les variétés condensées, compressées et étendues de CSS, ou s'il existe même un plan pour permettre cela. Je suppose que nous pouvons éventuellement jeter un coup d'œil sur Apple.com et voir comment ils le font s'ils commencent à les utiliser là-bas.
N'est-il pas parfaitement logique de construire une police variable et d'expédier l'ensemble du kit et du kaboodle de cette façon ?
Il s'avère que oui. C'est parfaitement logique. Chris suit dans un nouveau poste:
Mais pas plus tard qu'hier, je suis tombé par hasard sur le fait que la police San Francisco intégrée (sur les appareils Apple qui l'ont intégrée) est déjà variable (!!). Tu vois, j'étais déraper avec Roboto Flex, et avait
system-uicomme police de secours, et je remarquais que pendant le FOUT, lefont-variation-settingsJ'utilisais eu un effet sur la police de secours, qui s'affiche comme San Francisco sur mon Mac. Ce qui… à moins que je ne sois idiot… signifie que San Francisco est une police variable.
Alors, quant à son utilisation ? Chris a une démo, bien sûr :
Il y a quelques pièges à tout cela, le plus important étant les solutions de repli pour les appareils non Apple. Après tout, cette démo appelle simplement system-ui pour la famille de polices - cela ne dit pas au navigateur de télécharger un fichier de police ou quoi que ce soit et qui sait si Apple expédiera un jour un fichier de police variable que nous pourrons servir de véritable police Web personnalisée.
L'autre chose intéressante ? Chris a fait quelques recherches et a compté 35 mises en page incluses dans cette police système. Aller lire le reste du post pour les voir tous (et pour avoir une bonne dose de chris-ismes — je sais qu'ils me manquent !).
