font/woff2

Description

font/woff2 est le type MIME des polices au format WOFF2 (Web Open Font Format 2.0), standardisé par le W3C. WOFF2 utilise la compression Brotli, ce qui le rend 30% plus léger que WOFF et deux fois plus léger que les polices TTF/OTF brutes. C’est le format de police web recommandé aujourd’hui.

Usage en HTML

Via @font-face en CSS :

@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;
}

Préchargement pour améliorer les performances :

<link rel="preload" href="/fonts/ma-police.woff2" as="font"
      type="font/woff2" crossorigin>

Notes

Support universel : WOFF2 est supporté par tous les navigateurs modernes depuis 2016. En 2024, le fallback WOFF n’est nécessaire que pour les navigateurs très anciens (IE 11, iOS Safari < 10). Pour les nouvelles intégrations, WOFF2 seul suffit généralement.

crossorigin sur <link rel="preload"> : obligatoire même pour les polices du même domaine — les polices sont toujours chargées via une requête CORS anonyme.

font-display: swap : évite le flash de texte invisible (FOIT) en affichant d’abord la police de substitution le temps que la police web charge.

Google Fonts et WOFF2 : le service Google Fonts sert automatiquement des WOFF2 aux navigateurs modernes. Pour les performances et la confidentialité, préférer héberger les polices localement.