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

By Corentin BURTIN

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 sur les licences et d’autres métadonnées. Voici ce que vous devez savoir sur le format WOFF.

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

Qu’est-ce qu’un fichier WOFF ?

À l’instar des fichiers ZIP, les fichiers WOFF servent de conteneurs pour d’autres fichiers, notamment les fichiers de polices TrueType (TTF) et de polices OpenType (OTF). Ces types de fichiers donnent aux concepteurs de sites Web la possibilité d’utiliser des polices autres que les caractères standard que l’on trouve sur la plupart des ordinateurs.

Le format WOFF a été remplacé par le format WOFF2. Le WOFF2 offre des algorithmes de compression encore meilleurs, qui réduisent la taille du fichier original de 30 % supplémentaires. Par conséquent, les fichiers WOFF2 occupent moins de bande passante et se chargent encore plus rapidement. Les fichiers WOFF portent l’extension .woff, tandis que les fichiers WOFF2 portent 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 disposition du HTML et d’autres éléments sur votre écran. Par exemple, les développeurs peuvent utiliser les CCS pour modifier les polices de caractères du Web en faisant référence aux polices déjà installées sur l’ordinateur de l’utilisateur. Toutefois, si votre PC ou votre navigateur ne prend pas en charge une police, celle-ci apparaîtra sous une forme différente ou ne se chargera pas du tout, selon la façon dont la pile de polices de la page est configurée.

A lire également :   Comment activer les vues de profil sur TikTok ?

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 faire référence au fichier WOFF et rendre la police dans le navigateur.

Google Chrome, Firefox, Microsoft Edge, Opera et Safari prennent en charge le format WOFF, mais il se peut que vous deviez mettre à jour votre navigateur Web pour obtenir la dernière version.
Avantages du format WOFF

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

La compression : Les fichiers WOFF étant compressés, ils se chargent plus rapidement que les autres types de fichiers de polices.
Support HTML et CSS : Contrairement aux fichiers image, les fichiers WOFF peuvent être stylisés avec HTML et CSS.
SEO : Les polices WOFF sont meilleures pour l'optimisation des moteurs de recherche (SEO) que les images de texte.
Rendu optimisé : Les fichiers WOFF comprennent des informations typographiques, notamment des formes contextuelles et des chiffres à l'ancienne, ce qui permet un rendu optimal sur tous les appareils.
Accessibilité des sites Web : Les fichiers WOFF rendent les sites plus accessibles car le texte peut être lu à haute voix alors que les images de texte ne le peuvent pas.
Incorporation : Les polices WOFF contribuent à l'internationalisation en vous permettant d'intégrer des polices comportant 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 des fichiers WOFF en fichiers TTF ou OTF en utilisant FontForge. Si vous utilisez un autre éditeur de polices qui ne prend en charge que les fichiers TTF ou OTF, vous pouvez utiliser l’outil sfnt2woff pour convertir les polices en fichiers WOFF.

A lire également :   Comment utiliser une GoPro comme une webcam

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

Laisser un commentaire