Chaque conversation sur la stratégie de chargement des fontes — préchargement, subsetting, réglage de font-display — découle d'une décision que la plupart des équipes ne prennent jamais consciemment : celle de charger des fontes tout court. Pour une large classe d'applications à hautes performances, le bon choix de police de caractères est celle qui est déjà installée sur la machine de l'utilisateur. Zéro kilooctet, zéro requête, zéro décalage de mise en page, lisible dès le premier rendu.
Ce que « pile système » veut dire aujourd'hui
Le vieux pis-aller Arial, sans-serif n'est pas ce que je décris. Une pile système moderne est une composition délibérée :
font-family: ui-sans-serif, system-ui, -apple-system,
"Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;Cette seule déclaration vous offre San Francisco sur les appareils Apple, Segoe UI sur Windows, Roboto sur Android — trois polices de caractères que les éditeurs de plateformes ont, collectivement, dépensé des centaines de millions de dollars à perfectionner pour leurs propres écrans, hintées et rendues par les moteurs qui les connaissent le mieux. Vos utilisateurs les lisent toute la journée ; la familiarité est en soi un facteur de lisibilité, un point que le chapitre d'Universal Web sur le choix des polices développe longuement.
Les piles à empattements et à chasse fixe méritent le même soin : ui-serif/Georgia/Charter pour les surfaces de lecture, ui-monospace/SF Mono/Consolas/"Cascadia Code" pour le code et les données. La police de titrage de ce site repose exactement sur cette logique — une police commerciale pour ceux qui la possèdent, une chaîne de substitution réglée pour tous les autres.
Quand zéro est le bon nombre
La décision porte sur ce que l'interface est. Les piles système gagnent quand le produit est un outil : tableaux de bord, panneaux d'administration, interfaces de trading et de supervision, produits pour développeurs, tout ce qui s'utilise à toute heure et où le travail de la typographie est de disparaître. Dans ces applications, la fonte est de la pure infrastructure — personne n'admire la police de caractères de la chose qui le bipe à 3 heures du matin — et le budget de performance est mieux dépensé sur les données.
La police de marque mérite ses octets quand le produit est un lieu : surfaces marketing, lecture éditoriale, partout où la typographie porte l'identité. Ce portfolio livre des fontes web, délibérément ; sa typographie est le contenu. C'est là le test — si vous supprimiez la police personnalisée, le produit signifierait-il moins, ou se chargerait-il simplement plus vite ?
Régler la substitution comme si c'était la fonte
Le métier d'une pile à zéro kilooctet, c'est la discipline métrique. Les polices des différentes plateformes ont des hauteurs d'x et des chasses différentes, si bien qu'une mise en page réglée uniquement sur macOS respirera autrement sur Windows. Trois outils comblent l'écart :
font-size-adjustnormalise les hauteurs d'x des substitutions pour que chaque police de la chaîne se lise au même corps effectif.text-wrap: balanceetprettyabsorbent les différences de coupure de ligne entre des polices métriquement incompatibles.- Tester sur la pile réelle — la discipline que personne ne pratique. Capturez l'interface en Segoe, en SF et en Roboto ; là où le design ne fonctionne que dans l'une d'elles, c'est le design qui a tort.