Sébastien Rigaux

Fallback Font Generator : réduire le CLS des polices

Consulter la ressourceEN

screenspan.net

Cet outil ajuste une police système pour qu’elle ressemble davantage à la police de marque pendant le chargement. Il génère les règles @font-face nécessaires, notamment size-adjust, ascent-override, descent-override et line-gap-override, à partir d’un aperçu comparatif et de réglages visuels.

L’approche cible le décalage de mise en page causé par les différences de métriques entre polices. Le CSS obtenu peut être copié dans le projet ; la page précise toutefois que l’outil n’est pas pris en charge par Safari.

Capture du Fallback Font Generator avec un aperçu comparant une police de fallback ajustée à la police de marque et les règles CSS générées.