Les différents formats de police web.
EOT, TTF, WOFF,
SVG, WOFF2…
Tant de choix… Et malheureusement, aucun
ne peut convenir à tous les navigateurs. Il va donc falloir faite un mix de
formats pour que vos typo soient prises en compte sur tous les navigateurs. Voyons
déjà à quoi correspondent ces différents formats.
TTF : TrueType Fonts
Le format TrueType font (TTF) a été
développé à la fin des années 80 par Apple et Microsoft. TTF a longtemps été le
format le plus utilisé par les opérateurs systèmes Mac et Windows. Le principal
désavantage de ce type de fichier est qu’il n’est pas compressé et pèse donc
plus lourd q’un format compressé. Gardez toujours en tête qu’importer des typo
peut peser lourd au chargement de vos pages web donc n’en abusez pas, 2-3 typo
pour un site suffisent largement.
OTF : OpenType Fonts
Le format OpenType Font (OTF) est
également un format non compressé. OTF est une évolution de TTF, résultat d’un
partenariat entre Adobe et Microsoft. OTF est aujourd’hui enregistré comme une
marque déposée de Microsoft mais se trouve sur les Mac et PC sous Windows.
C’est un format largement utilisé qui contient plus de 65 000 caractères (écran
et impression), ce qui donne pas mal de latitude aux graphistes.
WOFF / WOFF2 : Web
Open Font Format
WOFF est un format purement web. Il a été
développé en 2009, notamment par Mozilla et fait l’objet aujourd’hui d’une
recommandation W3C. WOFF est essentiellement basée sur de l’OTF et du TTF mais
en mode compressé avec des méta supplémentaires, ce qui permet un affichage
plus rapide que d’autres formats, même quand la bande passante est restreinte.
On aime beaucoup car il est compatible aec tous les navigateurs.
WOOF2 est une évolution de WOFF, avec
encore une meilleure compression que l’original, un gain d’environ 30%.
EOT : Embedded OpenType Fonts
Le format EOT est une compression du format
OTF, spécialement designé pour le web par Microsoft. Il n’est plus vraiment
utilisé car il a été fait pour Internet Explorer.
SVG : Scalable Vector Graphics Fonts
SVG est un format de police vectorielle
utilisant les spécifications du format de représentation SVG. C’est un format
très léger, il est donc idéal sur mobile, mais essentiellement IOS. SVGZ est la version zippé de SVG.