TTF
TrueType Font — le format de police binaire standard de l'industrie développé par Apple et Microsoft.
Qu'est-ce que TTF ?
TrueType a été développé par Apple à la fin des années 1980 comme alternative aux polices PostScript Type 1 d'Adobe, puis adopté par Microsoft pour Windows. Il stocke les contours des glyphes sous forme de courbes de Bézier quadratiques, qui sont computationnellement plus simples (et plus rapides à rastériser) que les courbes cubiques utilisées par PostScript.
TTF est rapidement devenu le format de police universel pour macOS et Windows. Pendant plus de deux décennies, c'était la façon standard de distribuer des polices — des polices système aux polices personnalisées. Bien que WOFF/WOFF2 l'aient largement remplacé pour la distribution web, TTF reste la fondation sur laquelle tous les formats de polices web modernes sont construits.
Fonctionnement
Un fichier TTF est un conteneur binaire organisé en tables, chacune stockant un type spécifique de données :
glyf— contours des glyphes (les formes vectorielles réelles)cmap— mappage caractère-glyphe (quel point de code Unicode correspond à quel glyphe)head— métadonnées de la police (unités-par-em, date de création, drapeaux)hmtx— métriques horizontales (largeur d'avance et portée gauche pour chaque glyphe)
Pour les polices d'icônes, chaque icône se voit attribuer un point de code Unicode dans la zone d'utilisation privée (U+E000 à U+F8FF) — une plage spécifiquement réservée aux caractères définis par l'application qui ne conflicteront pas avec le texte standard.
Utilisation d'une police d'icônes TTF en CSS@font-face {
font-family: 'MyIcons';
src: url('myicons.ttf') format('truetype');
}
.icon {
font-family: 'MyIcons';
font-style: normal;
font-weight: normal;
}
.icon-home::before {
content: '\E001';
}
L'indication format('truetype') indique au navigateur le type de fichier de police attendu, lui permettant de sauter le téléchargement si TrueType n'est pas pris en charge (bien que pratiquement tous les navigateurs le prennent en charge).
Avantages et inconvénients
- Compatibilité universelle sur toutes les plateformes
- Pris en charge partout — bureau, mobile et web
- Format standard pour l'installation des polices du système d'exploitation
- Bonne qualité de rendu avec prise en charge du crénage
- Spécification bien documentée
- Pas de compression — plus volumineux que WOFF/WOFF2
- Non optimisé pour la distribution web
- Peut être lent à télécharger sur les connexions mobiles
Prise en charge par les navigateurs
TTF bénéficie d'une prise en charge de 98 %+ des navigateurs, incluant tous les navigateurs modernes et Internet Explorer 9+. Il est également nativement pris en charge par tous les principaux systèmes d'exploitation de bureau — Windows, macOS et Linux — ce qui signifie que vous pouvez installer un fichier TTF directement comme police système sans aucune conversion.
Bien que TTF fonctionne partout, pour la distribution web vous devriez préférer WOFF2 (qui est simplement un TTF compressé). Réservez le TTF brut pour une utilisation sur bureau, le développement et comme format de base dans votre pipeline de compilation.
Quand utiliser TTF
- Applications de bureau — installez comme police système pour une utilisation dans des applications natives, des outils de conception ou des IDE.
- Electron et applications natives — intégrez le TTF directement dans votre application pour le rendu de polices hors ligne.
- Développement et tests — TTF est facile à inspecter avec des outils de polices comme FontForge, fontTools ou les visionneuses de polices système.
- Inspection des polices système — lorsque vous devez vérifier les métriques des glyphes, le crénage ou les tables cmap à l'aide d'utilitaires au niveau du système d'exploitation.