Qu’est-ce que WOFF (Web Open Font Format)?

Web Open Font Format (WOFF) est un format de fichier pour les polices Web développé par Mozilla. Un fichier WOFF peut contenir des fichiers TTF et OTF compressés ainsi que des informations de licence et d'autres métadonnées. Voici ce que vous devez savoir sur WOFF.

Les informations contenues dans cet article s'appliquent aux fichiers WOFF et WOFF2.


Qu'est-ce qu'un fichier WOFF?

Semblables aux fichiers ZIP, les fichiers WOFF agissent comme des conteneurs pour d'autres fichiers, en particulier les fichiers TrueType Font (TTF) et OpenType Font (OTF). Ces types de fichiers donnent aux concepteurs Web la possibilité d'utiliser des polices en dehors des caractères standard que l'on trouve sur la plupart des ordinateurs.

WOFF a été remplacé par le format WOFF2. WOFF2 offre des algorithmes de compression encore meilleurs, ce qui réduit la taille du fichier d'origine de 30% supplémentaires. Par conséquent, les fichiers WOFF2 utilisent moins de bande passante et se chargent encore plus rapidement. Les fichiers WOFF ont l'extension .woff, tandis que les fichiers WOFF2 ont l'extension .woff2.

Comment fonctionnent les fichiers WOFF?

Pratiquement toutes les pages Web utilisent des feuilles de style en cascade (CSS) pour définir la mise en page du HTML et d'autres éléments sur votre écran. Par exemple, les développeurs peuvent utiliser CCS pour modifier les polices Web en référençant des polices déjà installées sur l'ordinateur de l'utilisateur. Cependant, si votre PC ou navigateur ne prend pas en charge une police, elle apparaîtra comme une police différente ou ne se chargera pas du tout en fonction de la configuration de la pile de polices de la page.

Pour éviter ce problème, les polices personnalisées peuvent être stockées dans un fichier WOFF, qui est enregistré sur un serveur avec tous les autres éléments de la page Web. Le concepteur peut ensuite utiliser la propriété CSS @ font-face pour référencer le fichier WOFF et rendre la police dans le navigateur.

Google Chrome, Firefox, Microsoft Edge, Opera et Safari prennent tous en charge le format WOFF, mais vous devrez peut-être mettre à jour votre navigateur Web vers la dernière version.


Avantages de WOFF

En plus d'élargir les types de polices disponibles pour les développeurs Web, l'utilisation de fichiers WOFF présente plusieurs avantages. Par exemple:

  • Compression: Les fichiers WOFF étant compressés, ils se chargent plus rapidement que les autres types de fichiers de polices.
  • Prise en charge HTML et CSS: Contrairement aux fichiers image, les fichiers WOFF peuvent être stylisés avec HTML et CSS.
  • Référencement: Les polices WOFF sont meilleures pour l'optimisation des moteurs de recherche (SEO) que les images de texte.
  • Rendu optimisé: Les fichiers WOFF incluent des informations typographiques, y compris des formulaires contextuels et des figures à l'ancienne, permettant un rendu optimal sur tous les appareils.
  • Accessibilité du site Web: Les fichiers WOFF rendent les sites plus accessibles car le texte peut être lu à voix haute et les images de texte ne le peuvent pas.
  • Enrobage: Les polices WOFF facilitent l'internationalisation en vous permettant d'incorporer des polices avec des caractères d'autres langues.

Créez vos propres polices WOFF

Les éditeurs de polices comme FontForge vous permettent de concevoir vos propres jeux de polices et de les exporter sous forme de fichiers WOFF. Vous pouvez également convertir WOFF en fichiers TTF ou OTF à l'aide de FontForge. Si vous avez un éditeur de polices différent que vous aimez et qui ne prend en charge que TTF ou OTF, vous pouvez utiliser l'outil sfnt2woff pour convertir les polices en fichiers WOFF.

Open Font Library et Font Squirrel ont des centaines de polices au format WOFF qui sont gratuites pour un usage commercial et non commercial.

Laisser un commentaire