font/woff

Description

font/woff est le type MIME des polices au format WOFF (Web Open Font Format 1.0), standardisé par le W3C en 2012. WOFF utilise la compression zlib (DEFLATE) pour réduire la taille des polices TTF/OTF. Bien que supplanté par WOFF2 (compression Brotli, 30% plus efficace), WOFF reste pertinent comme format de compatibilité.

Usage en HTML

Via @font-face en CSS (avec WOFF2 en priorité) :

@font-face {
  font-family: 'MaPolice';
  src: url('/fonts/ma-police.woff2') format('woff2'),
       url('/fonts/ma-police.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

WOFF2 seul (navigateurs modernes uniquement) :

@font-face {
  font-family: 'MaPolice';
  src: url('/fonts/ma-police.woff2') format('woff2');
  font-display: swap;
}

Notes

WOFF2 toujours en premier : dans une déclaration src: de @font-face, le navigateur charge le premier format qu’il supporte. Toujours lister WOFF2 avant WOFF pour que les navigateurs modernes (qui supportent les deux) utilisent la version plus légère.

Support de WOFF : tous les navigateurs depuis IE 9 supportent WOFF. En 2024, le fallback WOFF est surtout utile pour IE 11 et les vieux navigateurs iOS. Si votre cible de navigateurs est moderne, WOFF2 seul suffit.

Pas besoin de TTF/OTF : les formats TTF et OTF non compressés ne sont plus nécessaires dans les stacks de polices web modernes — WOFF et WOFF2 couvrent tous les navigateurs pertinents.