Convertisseur en ligne gratuit de OTC en WOFF2

Les projets web ont besoin de WOFF2, car les navigateurs le servent efficacement, tandis qu’un fichier OTC regroupe plusieurs polices OpenType pour la distribution sur ordinateur. La conversion de la collection nécessite de sélectionner au préalable une fonte ; un seul fichier WOFF2 ne peut pas représenter l’ensemble de la collection comme une seule police.

Qu’est-ce que le format OTC ?

OTC signifie OpenType Collection, un conteneur qui regroupe plusieurs fontes OpenType partageant des tables telles que les données de glyphes, les contours ou les métriques. Il utilise l’extension .otc et se rencontre couramment dans les packages de polices des systèmes d’exploitation, les familles typographiques multilingues et les polices exportées par des outils professionnels de développement de polices tels que FontForge, Glyphs et les systèmes de compilation basés sur fontTools.

Un OTC peut contenir plusieurs styles, graisses, écritures ou variantes régionales. La collection elle-même n’est pas une seule famille sélectionnable ; la conversion doit donc identifier une fonte par son index, par exemple la fonte 0 ou la fonte 3.

Qu’est-ce que le format WOFF2 ?

WOFF2 est un conteneur de police web compressé destiné à être distribué via @font-face en CSS. Il contient généralement une fonte OpenType au format TrueType ou CFF2 et utilise la compression Brotli, ce qui produit souvent un fichier nettement plus petit que le fichier TTF ou OTF correspondant.

WOFF2 réduit la taille des transferts web et est pris en charge par les versions actuelles de Chromium, Firefox, Safari et Edge. Il n’est normalement pas utilisé comme source modifiable ni installé comme police de bureau ; conservez l’OTC d’origine ou un OTF/TTF extrait pour la modification et l’archivage.

Comment convertir réellement un OTC en WOFF2

Pour effectuer une conversion sans installation, utilisez le convertisseur gratuit sur 101convert.com. Importez le fichier .otc, sélectionnez le membre requis de la collection si le convertisseur propose une option de sélection de fonte, choisissez WOFF2 comme format de sortie, puis téléchargez le fichier obtenu. Si le service n’affiche aucun sélecteur de membre, utilisez fontTools localement afin de pouvoir choisir explicitement la fonte correcte.

Avec fontTools, installez les dépendances WOFF2 :

python -m pip install "fonttools[woff]" brotli

Répertoriez les fontes de la collection :

python - <<'PY'
from fontTools.ttLib import TTCollection
import sys

collection = TTCollection(sys.argv[1])
for number, font in enumerate(collection.fonts):
    names = font['name'].names
    family = next((n.toUnicode() for n in names if n.nameID == 1), '?')
    style = next((n.toUnicode() for n in names if n.nameID == 2), '?')
    print(number, family, style)
PY
font.otc

Extrayez la fonte requise et enregistrez-la au format WOFF2. Remplacez 0 par l’index indiqué ci-dessus :

python - <<'PY'
from fontTools.ttLib import TTCollection

collection = TTCollection("font.otc")
font = collection.fonts[0]
font.flavor = "woff2"
font.save("font-face.woff2")
PY

Vous pouvez également effectuer un sous-ensemble lors de la conversion, ce qui supprime les glyphes inutilisés et réduit davantage la taille du fichier :

pyftsubset font.otc --font-number=0 --output-file=font-face.woff2 --flavor=woff2 --text="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789"

Utilisez un fichier de plage Unicode ou un jeu de caractères plus étendu à la place de la valeur --text d’exemple lorsque la page web nécessite des caractères accentués, de la ponctuation, des écritures non latines ou des symboles.

Qualité, compatibilité et limitations

La conversion préserve les données de mise en page OpenType de la fonte sélectionnée lorsque fontTools peut encoder ses tables, mais elle ne fusionne pas tous les membres de l’OTC en un seul WOFF2. Convertissez chaque membre requis séparément et attribuez à chaque fichier de sortie un nom distinct.

Pour l’utilisation dans un navigateur, déclarez le fichier de sortie avec les valeurs correspondantes de famille et de style, par exemple :

@font-face {
  font-family: "Example";
  src: url("font-face.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

Vérifiez le fichier généré dans les navigateurs cibles et testez le rendu des écritures qu’il prend en charge. Le sous-ensemble peut supprimer des glyphes ou des fonctionnalités OpenType nécessaires si son jeu de caractères est trop limité. Les licences de polices s’appliquent également : une licence autorisant la distribution ou la modification sur ordinateur peut ne pas autoriser l’intégration sur le web, et WOFF2 ne modifie pas ces conditions.