Convertir TTF en WOFF2
Pour héberger vous-même une police, tout commence ici : WOFF2 est le format que tous les navigateurs actuels téléchargent en priorité, et c’est l’enveloppe la plus légère pour les données TrueType que vous avez déjà. Cette page écrit aussi la règle CSS qui la charge.
Convertisseur de polices
ou déposez Fichiers TTF, OTF, WOFF … ici ·
95 Mo max. par fichier· Jusqu'à 20 fichiers· Supprimés après 30 minutes
Les fichiers sont traités sur nos serveurs et supprimés après 30 minutes.
Supprimer les écritures inutilisées peut réduire une police web de plusieurs centaines de Ko à moins de 30 Ko. Gardez tous les caractères pour les polices que vous installez sur un ordinateur.
Collez le texte ou les caractères que la police doit couvrir, p. ex. le mot d’un logo ou un titre. Tout le reste est supprimé.
Le hinting améliore la netteté des petits textes sur les écrans Windows. Le supprimer fait souvent gagner 10–30 % sur les polices web ; l’auto-hinting en ajoute aux polices qui n’en ont pas.
Laissez vide pour conserver l’original. Renommer permet d’installer la police convertie à côté de l’originale sans conflit.
P. ex. Regular, Bold, Italic. Laissez vide pour conserver le nom de style d’origine.
Comment utiliser cet outil
- 1
Importez les fichiers TTF
Ajoutez toutes les graisses et tous les styles que vous comptez utiliser, jusqu'à 20 fichiers de 95 Mo chacun. Les TTF variables fonctionnent aussi et conservent leurs axes.
- 2
Gardez le CSS activé et créez un sous-ensemble si possible
Inclure le CSS @font-face est déjà coché. Sous Réglages avancés, réglez Caractères conservés sur Latin de base ou Latin + accents si votre site est dans une langue occidentale, et pensez à mettre Hinting sur Supprimer.
- 3
Convertissez en WOFF2
Cliquez sur Convertir en WOFF2 et téléchargez les polices avec le fichier .css. Importez les deux sur votre site, puis liez la feuille de style ou collez la règle dans la vôtre.
Comment convertir un TTF en WOFF2 pour mon site ?
Importez le .ttf, laissez Inclure le CSS @font-face coché et cliquez sur Convertir en WOFF2. Vous obtenez le fichier .woff2 et un fichier .css contenant une règle @font-face qui pointe vers lui.
Pourquoi WOFF2 est le format de police web à privilégier
Un TTF est un ensemble de tables non compressées : contours, métriques, crénage, noms. Le WOFF2, publié comme Recommandation du W3C en 2018, conserve exactement ces tables mais les passe par Brotli, l'algorithme de compression publié par Google en 2015, après avoir réorganisé les contours des glyphes pour qu'ils se compressent mieux. Les tests de Google ont trouvé un WOFF2 environ 30 % plus petit que l'ancien WOFF en moyenne, et le navigateur restitue les données d'origine après le téléchargement : la forme des lettres ne change pas.
Les polices bloquent le rendu, ce qui rend leur poids plus important que les kilo-octets ne le laissent penser. Tant qu'une police web n'est pas arrivée, le navigateur masque le texte ou affiche une police de secours, et un échange tardif peut décaler la mise en page. Des fichiers plus petits réduisent cette fenêtre, et deux options ici la réduisent encore : Caractères conservés retire les glyphes que vos pages n'affichent jamais, et Hinting sur Supprimer élimine des instructions que les téléphones et écrans haute densité ignorent de toute façon. Gardez les TTF d'origine pour l'usage sur ordinateur ; WOFF2 en TTF peut décompresser une police web plus tard, mais ne peut pas restaurer les glyphes retirés par un sous-ensemble.
Taille de fichier : TTF ou WOFF2
TTF, jeu de caractères complet
100%
Tables de police non compressées, telles qu'installées sur un ordinateur
WOFF2, sous-ensemble Latin de base
souvent 10–25 %
Compression Brotli et moins de glyphes ; varie selon la police
La règle @font-face pour une police WOFF2
@font-face {
font-family: "Brand Sans";
src: url("/fonts/brand-sans-regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF;
}Prise en charge de WOFF2 par les navigateurs, version par version
2014
Chrome 36
Le navigateur de Google est le premier à décoder le WOFF2 par défaut.
2015
Firefox 39
Mozilla active le décodage du WOFF2 par défaut.
2016
Edge 14
L'Edge d'origine de Microsoft ajoute le WOFF2 avec la mise à jour anniversaire de Windows 10.
2018
Recommandation du W3C
La spécification est finalisée ; à ce moment, Safari sur macOS et iOS décode aussi le WOFF2.
TTF
Police TrueType
Le TTF est le format de police TrueType, développé par Apple à la fin des années 1980 et publié en 1991, puis cédé sous licence à Microsoft. Il définit les contours des glyphes avec des courbes quadratiques et inclut des instructions de hinting qui rendent le texte net à l'écran. TrueType est pris en charge par tous les systèmes d'exploitation de bureau, traitements de texte et applications de création. Il n'offre pas certaines fonctions typographiques avancées d'OpenType et il est plus volumineux que les formats de polices web.
- Compression
- Sans perte
- Transparence
- –
- Animation
- –
- Année de création
- 1991 · Apple
WOFF2
Web Open Font Format 2
Le WOFF2 est la deuxième version du Web Open Font Format, basée sur la compression Brotli de Google et publiée comme Recommandation du W3C en 2018. Les fichiers sont environ 30 % plus légers que le WOFF, ce qui accélère le chargement des pages. Tous les navigateurs modernes prennent en charge le WOFF2, et c'est le format recommandé pour les polices web. Les systèmes d'exploitation de bureau et les applications de création ne peuvent pas l'installer directement.
- Compression
- Sans perte
- Transparence
- –
- Animation
- –
- Année de création
- 2018 · W3C (Google)
TTF en WOFF2 place une police de bureau dans le conteneur compressé en Brotli que les navigateurs préfèrent : les mêmes glyphes arrivent chez les visiteurs en moins d'octets ; la page inverse existe pour ceux qui doivent installer une police trouvée sur le web.
FAQ : convertir TTF en WOFF2
Faut-il encore une police TTF ou WOFF de secours à côté du WOFF2 ?
Pour les sites publics aujourd'hui, en général non. Chrome, Edge, Firefox et Safari lisent le WOFF2 depuis des années, et les rares navigateurs qui ne le font pas, comme Internet Explorer 11, justifient rarement un fichier supplémentaire. Ajoutez la sortie TTF en WOFF comme seconde entrée src uniquement si vos statistiques montrent de tels visiteurs.
Pourquoi ma police WOFF2 dépasse-t-elle encore 100 Ko ?
La compression réduit seulement la façon dont les glyphes sont stockés, pas leur nombre. Une police qui couvre le latin, le cyrillique, le grec et le vietnamien les embarque tous. C'est le sous-ensemble limité aux écritures réellement affichées qui ramène une police de texte à quelques dizaines de kilo-octets.
À quoi sert font-display: swap ?
Elle demande au navigateur d'afficher immédiatement le texte dans une police de secours, puis de passer à votre police web dès qu'elle arrive, au lieu de masquer le texte pendant le téléchargement. Ajoutez-la à votre règle @font-face comme dans l'exemple ci-dessus, ou utilisez optional si vous préférez éviter un échange tardif sur les connexions lentes.
Puis-je convertir un TTF de Google Fonts en WOFF2 et l’héberger moi-même ?
Oui. Les familles de Google Fonts sont publiées sous licence SIL Open Font License ou Apache, qui autorisent toutes deux la conversion et l'auto-hébergement. Héberger le fichier vous-même évite aussi une requête vers un serveur tiers.
Le WOFF2 fonctionne-t-il dans les newsletters par e-mail ?
Seulement dans certains clients. Apple Mail et Mail sur iOS chargent les polices web via @font-face, alors que Gmail et la plupart des versions d'Outlook les ignorent et affichent votre police de secours. Indiquez toujours une police système sûre dans la pile de polices d'un e-mail.