TTF

TrueType Font — het industriestandaard binaire fontformaat ontwikkeld door Apple en Microsoft.

Wat is TTF?

TrueType werd in de late jaren tachtig door Apple ontwikkeld als alternatief voor de PostScript Type 1-fonts van Adobe, en later overgenomen door Microsoft voor Windows. Het slaat glyph-contouren op als kwadratische Bézier-krommen, die computationeel eenvoudiger (en sneller te rasteriseren) zijn dan de kubische krommen die PostScript gebruikt.

TTF werd al snel het universele fontformaat voor zowel macOS als Windows. Meer dan twee decennia lang was het de standaardmanier om fonts te distribueren — van systeemfonts tot aangepaste lettertypen. Hoewel WOFF/WOFF2 het voor weblevering grotendeels heeft vervangen, blijft TTF de basis waarop alle moderne webfontformaten zijn gebouwd.

Hoe Het Werkt

Een TTF-bestand is een binaire container georganiseerd in tabellen, elk met een specifiek type gegevens:

• glyf — glyph-contouren (de werkelijke vectorvormen)
• cmap — teken-naar-glyph-mapping (welk Unicode-codepunt overeenkomt met welke glyph)
• head — fontmetadata (eenheden per em, aanmaakdatum, vlaggen)
• hmtx — horizontale metriek (vooruitgangsbreedte en linker zijbearing voor elke glyph)

Voor icoonfonts krijgt elk icoon een Unicode-codepunt in het Privégebruiksgebied (U+E000 tot U+F8FF) — een bereik dat specifiek is gereserveerd voor door de applicatie gedefinieerde tekens die niet conflicteren met standaardtekst.

@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';
}

De hint format('truetype') vertelt de browser welk type fontbestand te verwachten, zodat de download kan worden overgeslagen als TrueType niet wordt ondersteund (hoewel vrijwel alle browsers het ondersteunen).

Voor- en Nadelen

Browserondersteuning

TTF geniet van 98%+ browserondersteuning, inclusief alle moderne browsers en Internet Explorer 9+. Het wordt ook native ondersteund door elk groot desktopbesturingssysteem — Windows, macOS en Linux — wat betekent dat u een TTF-bestand direct als systeemfont kunt installeren zonder enige conversie.

Hoewel TTF overal werkt, geeft u voor weblevering de voorkeur aan WOFF2 (wat gewoon een gecomprimeerde TTF is). Bewaar onbewerkte TTF voor desktopgebruik, ontwikkeling en als basisformaat in uw buildpipeline.

Wanneer TTF Gebruiken

• Desktopapplicaties — installeer als systeemfont voor gebruik in native apps, ontwerptools of IDE's.
• Electron en native apps — bundel de TTF direct met uw applicatie voor offline fontrendering.
• Ontwikkeling en testen — TTF is eenvoudig te inspecteren met fonttools zoals FontForge, fontTools of systeemfontviewers.
• Systeemfontinspectie — wanneer u glyph-metriek, hinting of cmap-tabellen moet verifiëren met behulp van hulpprogramma's op besturingssysteemniveau.