WOFF/WOFF2
W
Definition complete
WOFF (Web Open Font Format) et WOFF2 sont des formats de polices optimises pour le web, encapsulant des polices OpenType ou TrueType avec compression. Ils sont devenus les standards pour les web fonts, supportes par tous les navigateurs modernes.
WOFF (2009) utilise la compression zlib, offrant une reduction de 40% par rapport aux fichiers OTF/TTF originaux. WOFF2 (2014) utilise la compression Brotli, offrant 30% de reduction supplementaire par rapport a WOFF.
La declaration CSS type utilise @font-face avec WOFF2 en priorite, WOFF en fallback : src: url('font.woff2') format('woff2'), url('font.woff') format('woff');. Les formats anciens (TTF, EOT) ne sont plus necessaires sauf pour IE11 legacy.
Les outils de conversion incluent : Font Squirrel Generator, Transfonter, et la ligne de commande woff2_compress. Les services comme Google Fonts servent automatiquement le format optimal selon le navigateur.
Exemples pratiques
- Self-hosting optimise : Police Inter en WOFF2 (85 Ko) vs TTF original (300 Ko), reduction de 70%, chargement plus rapide.
- @font-face moderne :
@font-face { font-family: "MyFont"; src: url("my.woff2") format("woff2"); font-display: swap; } - Subsetting : Police complete en WOFF2 (100 Ko) vs subset latin uniquement (15 Ko), si le site n'utilise que l'alphabet latin.
A quoi sert WOFF/WOFF2 ?
WOFF/WOFF2 servent a integrer des polices personnalisees sur le web, optimiser le poids des fichiers de fonte, garantir la compatibilite navigateurs, et respecter les licences de polices (encapsulation).
WOFF/WOFF2 en pratique chez 123web
Chez 123web, nous optimisons vos web fonts avec WOFF2. Conversion, subsetting, et preload strategique : vos polices personnalisees chargent rapidement sans impacter les performances.