Qu’est-ce qu’un fichier WOFF2 ?

WOFF2 est un format binaire, qui ne veut rien dire hors d’un programme qui le connaît. Il est utilisé pour le web.

L’extension est .woff2 et le nom complet Web Open Font Format 2. L’un et l’autre comptent moins que ce que le fichier peut contenir, et c’est le sujet du reste de cette page.

W3C l’a publié en 2018. La spécification est WOFF 2.0.

L’âge est utile à connaître pour une raison pratique : plus un format est ancien, plus les programmes ont eu le temps de l’apprendre.

Elle est publiée intégralement : n’importe qui peut l’implémenter à partir du document plutôt qu’en l’observant, et c’est pourquoi ce format apparaît dans tant de programmes et pourquoi des fichiers écrits il y a vingt ans s’ouvrent encore. Une spécification publiée n’est pas pour autant libre de redevances : quand un format enveloppe un codec, les brevets sont une question à part, que la norme ne tranche pas.

WOFF2 enregistre son contenu à l’identique. Le réenregistrer ne change rien : vous pouvez l’ouvrir, le modifier et le réenregistrer autant de fois que vous voulez sans accumuler de dégâts, et c’est ce qui en fait un format de travail plutôt qu’un format de livraison.

fonttools et FontForge le lisent, comme la plupart des programmes du même genre.

Quand un fichier ne s’ouvre pas, le format est rarement en cause : le plus souvent, c’est le programme qui est plus ancien que lui. Convertir vers quelque chose de plus ancien est le contournement fiable, et c’est à cela que sert le reste de ce site.

Tous les navigateurs actuels le lisent.

Vous pouvez donc le poser sur une page ou l’attacher à un message sans vous demander ce que le destinataire a installé.

WOFF2 est fait pour être transmis, pas pour travailler dedans. Modifier un tel fichier est possible et rarement agréable ; la voie raisonnable passe par la source et un nouvel export.

WOFF2 n’est pas un format de police de la manière dont le sont TrueType et OpenType. C’est un emballage : les mêmes tables de police, compressées avec Brotli et accordé spécifiquement à la façon dont les données de police sont organisées, plus une petite quantité de métadonnées. Déballez un WOFF2 et ce qui en sort est le TTF ou l’OTF qui y est entré.

C’est pourquoi c’est le seul choix sensé pour un site web et pourquoi c’est inutile sur le bureau. Il existe pour rendre le fichier plus petit en transit, typiquement de trente à cinquante pour cent par rapport à l’original, et les systèmes d’exploitation ne l’installent pas parce qu’il n’y a rien à installer que l’original n’avait déjà.

Une police arrive sur une page par une règle @font-face : un nom de famille, le fichier, et la graisse et le style que ce fichier représente. Le nom est arbitraire et local à votre feuille de style — rien ne doit correspondre à ce que la fonderie l’a appelé — et les déclarations de graisse et de style sont ce qui permet au navigateur de choisir le bon fichier quand le texte est mis en gras ou en italique.

L’erreur la plus fréquente consiste à déclarer un fichier pour une famille puis à utiliser du gras dans le design. Le navigateur ne refusera pas ; il合成éra un gras en barbouillant la graisse régulière, et le résultat est visiblement pire que le vrai gras qui dort inutilisé dans le même dossier. Une règle @font-face par fichier, avec des valeurs de graisse et de style honnêtes, est toute la discipline. Le second piège du même ordre est d’oublier la version italique : un seul fichier déclaré pour une famille, et la première italique du texte fait apparaître une italique合成, ce qui ne se voit pas sur les petits corps mais devient criard dès qu’un titre est mis en italique.

Une police de vente au détail typique couvre le latin, le latin étendu, le cyrillique, le grec, les symboles monétaires et plusieurs centaines de glyphes que personne sur votre site ne tapera jamais. Tout cela est téléchargé par chaque visiteur, et c’est la part la plus importante du poids d’une page qui se veut typée.

La sous-ensemblisation la réduit aux caractères réellement nécessaires, et le gain éclipse en général ce qu’apporte la compression. Une police de bureau de 300 Ko sous-ensemblée au latin de base et convertie en WOFF2 arrive couramment autour de 25 Ko. Faites les deux, dans cet ordre, et faites attention au sous-ensembliseur : à qui on dit de ne garder que les caractères utilisés, il écartera aussi avec plaisir les tables de ligatures et d’alternes, et le CSS qui les active ne fait alors plus rien. La discipline qui marche consiste à sous-ensembler à un jeu fixe — Latin de base plus les accents d’Europe occidentale, par exemple — plutôt qu’à partir du texte du site, ce qui rend la police fragile au moindre contenu nouveau inséré depuis le CMS.

Un navigateur à qui on a dit d’utiliser une police qu’il n’a pas encore téléchargée doit décider quoi faire du texte entre-temps. Par défaut il attend — jusqu’à trois secondes dans la plupart des navigateurs — et n’affiche rien. C’est le flash de texte invisible, et c’est la raison la plus courante pour laquelle un site avec une typographie personnalisée semble lent.

La correction tient en une ligne : font-display: swap dans la règle @font-face. Le texte est dessiné immédiatement dans une police de repli et se refait quand la vraie police arrive. Le reflow est visible et il est bien moins mauvais qu’une page blanche. font-display: optional va plus loin — si la police n’est pas prête presque immédiatement elle n’est pas utilisée du tout pour cette visite, ce qui supprime entièrement le reflow au prix de certains visiteurs qui ne verront jamais la typographie. La troisième valeur, font-display: fallback, est un compromis entre les deux : le navigateur attend une très courte période, utilise la repli si la police ne vient pas à temps, et finit par basculer sur la vraie police plus tard si elle arrive enfin.

Charger des polices depuis un service tiers était autrefois plus rapide parce que les visiteurs arrivaient avec le fichier déjà en cache depuis un autre site. Ce n’est plus vrai depuis que les navigateurs ont partitionné leurs caches par site — chaque visiteur retélécharge maintenant, et la requête coûte une connexion supplémentaire à un autre serveur avant même que la police ne commence.

L’auto-hébergement est désormais l’option la plus rapide dans la grande majorité des cas, et il retire aussi un tiers du chemin de la requête, ce qui compte à la fois pour le droit de la vie privée et pour que le site continue à fonctionner quand le service d’un autre ne fonctionne pas. Précharger l’une ou les deux polices qui apparaissent au-dessus de la ligne de flottaison est le dernier truc qui vaut la peine d’être appliqué — l’indice de préchargement demande au navigateur de déclencher la requête tout de suite plutôt que d’attendre que la CSS la rencontre, et c’est ce qui fait la différence entre un texte visible dès le premier rendu et un texte qui apparaît après un blanc visible. La commande est unique par police et il ne faut pas en abuser, parce que précharger une police qui n’est pas utilisée immédiatement gaspille la bande passante et retarde les ressources qui auraient été prioritaires à sa place.

Non. WOFF2 est pris en charge par tout navigateur actuel depuis des années, y compris Safari et les navigateurs mobiles, et la pile de repli qui accompagnait autrefois chaque règle @font-face — WOFF, TTF, EOT, SVG — relève désormais de l’archéologie.

Ne déclarer que WOFF2 est le conseil actuel. Tout ce qui ne peut pas le lire est assez ancien pour basculer proprement sur une police système, ce qui est un résultat parfaitement acceptable et considérablement meilleur que servir cinq exemplaires de la même fonte à tout le monde pour qu’un navigateur que personne n’utilise obtienne la sienne.

Convertir une police de bureau en WOFF2 prend quelques secondes et constitue fréquemment une violation de la licence qui l’accompagnait. Les licences de bureau couvrent l’installation de la police sur des machines et la fabrication de choses avec ; l’usage web est normalement une licence séparée, vendue séparément, souvent tarifée au nombre de vues mensuelles.

Les licences ouvertes sont l’exception à connaître : les fontes publiées sous SIL Open Font License peuvent être converties, auto-hébergées et sous-ensemblées librement, à condition de ne pas être vendues seules et de ne pas réutiliser des noms réservés. Cela couvre la plus grande partie de ce qui se trouve sur les sites de polices gratuites, et c’est pourquoi une si grande part du web est composée dans une poignée de familles ouvertes.