Si vous servez des polices TTF sur votre site web, vous envoyez environ 30 % de données supplémentaires que nécessaire. WOFF2 propose la même police dans un fichier nettement plus petit, et tous les navigateurs modernes le prennent en charge. Voici comment convertir — et pourquoi cela compte pour les performances de votre site.
Pourquoi WOFF2 ?
Le format WOFF2 (Web Open Font Format 2.0) utilise la compression Brotli pour réduire les fichiers de police de près de 30 % par rapport au TTF, sans perte de qualité. Les glyphes, les indications, le suivi et toutes les fonctionnalités typographiques sont conservés identiquement. Lorsqu'un navigateur charge un fichier WOFF2, il le décompresse pour obtenir les mêmes données que le TTF original.
L'impact sur les performances est réel. Les polices sont des ressources bloquantes pour le rendu — le navigateur n'affichera pas le texte avant que les polices ne soient chargées. Un TTF de 120 Ko devenant un WOFF2 de 84 Ko signifie que le texte s'affiche plus rapidement, surtout sur les connexions mobiles. Les indicateurs Core Web Vitals de Google mesurent directement cela : des polices plus petites améliorent le Largest Contentful Paint (LCP) et réduisent le Cumulative Layout Shift (CLS) dû aux changements de police.
La compatibilité navigateur est universelle. Chrome, Firefox, Safari et Edge prennent tous en charge WOFF2. Les seuls navigateurs qui ne le font pas sont Internet Explorer et les anciens navigateurs Android — tous deux représentant moins de 1 % du trafic mondial.
Comment convertir
Utilisation de WOFF2 dans CSS
Once you have your WOFF2 file, reference it in your stylesheet. List WOFF2 first with a TTF fallback for maximum compatibility:
@font-face {
font-family: 'MyFont';
src: url('/fonts/myfont.woff2') format('woff2'),
url('/fonts/myfont.ttf') format('truetype');
font-display: swap;
}La directive font-display: swap indique au navigateur d'afficher du texte de secours immédiatement et de remplacer la police personnalisée une fois qu'elle est chargée, éliminant ainsi le texte invisible pendant le chargement de la police.
Conformité des licences de polices
De nombreuses licences de polices commerciales incluent des clauses interdisant de téléverser des fichiers de police sur des services web tiers. Cela pose un problème : vous devez convertir en WOFF2 pour des raisons de performance, mais la plupart des outils de conversion exigent de téléverser la police sur un serveur.
Bien sûr, vérifiez toujours les conditions spécifiques de votre licence de police. Mais la nature uniquement locale de la conversion de Morph élimine le souci de conformité le plus courant.
Autres conversions de police
Morph prend également en charge la conversion OTF vers WOFF2, WOFF vers WOFF2, TTF vers OTF et toutes les autres combinaisons de TTF, OTF, WOFF et WOFF2. Besoin de polices gratuites pour commencer ? Parcourez 1 500+ polices gratuites dans la bibliothèque de polices Morph.