TTF, OTF of WOFF: welk fontformaat voor pc of website?

TrueType is de oudste van de vier. Apple leverde het in 1991 mee met System 7 en Microsoft nam het een jaar later over voor Windows 3.1. Een TrueType-lettertype beschrijft elke letter met kwadratische curven, met één controlepunt per gebogen segment, die op vroege hardware goedkoop te tekenen waren. Het bevat ook hinting: kleine programma's in het lettertype die stokken en bogen op het pixelraster duwen, zodat tekst scherp blijft op schermen met lage resolutie. De extensie .ttf markeert nog steeds lettertypen met deze kwadratische contouren.

OpenType, in 1996 aangekondigd door Microsoft en Adobe, is een verpakking en geen nieuw soort contour. Het kan TrueType-contouren bevatten of PostScript-contouren in een CFF-tabel, die kubische curven met twee controlepunten per segment gebruiken. Rond die contouren komen layouttabellen voor geavanceerde typografie: standaard en optionele ligaturen, kleinkapitalen, oldstylecijfers, stilistische sets, contextuele alternatieven en kerning. Gewoonlijk wordt een OpenType-lettertype op basis van CFF opgeslagen als .otf, terwijl een OpenType-lettertype met TrueType-contouren de extensie .ttf houdt.

WOFF en WOFF2 zijn verpakkingen voor het web. WOFF werd in 2009 opgesteld en in 2012 een W3C-aanbeveling; het comprimeert elke lettertypetabel met zlib. WOFF2 werd in 2018 een W3C-aanbeveling, schakelde over op Brotli en verwerkt glyfgegevens eerst voor, waardoor het meestal ongeveer 30% kleiner is dan WOFF. Drie nevenformaten maken het beeld compleet. EOT was het eigen webformaat van Internet Explorer, SVG-lettertypen waren een vroege noodoplossing alleen voor Safari, en variabele lettertypen, in 2016 toegevoegd in OpenType 1.8, bundelen een heel bereik aan gewichten of breedtes in één bestand.

Installeer TTF of OTF en maak u niet druk over welke. Windows 10 en 11 installeren beide met rechtsklikken en Installeren, macOS opent beide in Lettertypecatalogus en Linux-desktops pikken ze op uit ~/.local/share/fonts zodra de lettertypecache is vernieuwd. Word, Photoshop, de desktopapp van Figma, Affinity en LibreOffice lezen allemaal beide. Als een ontwerper dezelfde familie in beide varianten stuurt, is de OTF meestal de versie waarin de lettertypeontwerper tekende en de TTF een conversie voor oudere software.

De gevallen waarin het verschil telt, zijn beperkt. Sommige snijmachine- en borduurprogramma's, game-engines en displaybibliotheken voor microcontrollers begrijpen alleen TrueType-contouren, dus een OTF op basis van CFF ziet er daar stuk uit en moet worden omgezet van OTF naar TTF. Andersom installeert niets op een desktop WOFF of WOFF2 rechtstreeks: die bestanden zijn verpakt voor browsers. Installeer van een familie maar één versie, want een TTF en een OTF met dezelfde interne naam verwarren lettertypemenu's en apps kunnen de verkeerde kiezen.

Elke huidige versie van Chrome, Edge, Firefox en Safari leest WOFF2, dus dat hoort de eerste en vaak enige bron in uw @font-face-regel te zijn. Voeg er alleen een WOFF-regel achter toe als uw statistieken nog browsers van vóór ongeveer 2016 tonen, zoals oude Android WebViews of browsers in tv's. Een browser loopt de src-lijst op volgorde door en downloadt het eerste formaat dat hij ondersteunt, dus de terugval kost moderne bezoekers niets. Hebt u al het TrueType-bestand voor desktop, dan maakt TTF naar WOFF die terugval in één keer.

Serveer geen kale TTF of OTF op een site, tenzij een platform u dwingt, zoals sommige e-mailbouwers en oudere contentsystemen. Browsers geven ze prima weer, maar de bestanden worden ongecomprimeerd verstuurd tenzij uw server lettertypen met gzip comprimeert, en ze geven iedereen een kant-en-klare desktopkopie. De regel font-display: swap hieronder laat de browser tekst direct in een terugvallettertype tonen en uw lettertype inwisselen zodra het binnen is, in plaats van de tekst tot 3 seconden te verbergen terwijl hij wacht.

Host de bestanden waar mogelijk op uw eigen domein. Chrome, Safari en Firefox verdelen hun caches nu per site, dus een lettertype van een gedeelde CDN wordt niet meer over websites heen hergebruikt, en zelf hosten bespaart een DNS-opzoeking en verbinding. Voeg <link rel="preload"> alleen toe voor de een of twee gewichten boven de vouw; elke stijl vooraf laden concurreert met uw afbeeldingen om bandbreedte.

Een enkel Latijns tekstgewicht als WOFF2 weegt meestal 20–60 KB. Hetzelfde lettertype als ongecomprimeerde TTF is vaak twee tot drie keer groter, en een familie die ook Grieks, Cyrillisch en Vietnamees dekt, kan per stijl boven 200 KB komen. Chinese, Japanse en Koreaanse lettertypen zijn een andere orde van grootte: een compleet CJK-gewicht bevat tienduizenden glyfs en bedraagt zelfs na WOFF2-compressie meestal enkele megabytes, veel te veel om te laden voordat een pagina tekst kan tonen.

Subsetten verwijdert de tekens die een pagina nooit gebruikt, en unicode-range vertelt de browser welke tekens een bestand dekt, zodat hij het bestand alleen downloadt als de pagina die tekens echt bevat. Google Fonts doet precies dit voor CJK en knipt elke familie in veel kleine delen die op aanvraag laden. Voor eigen lettertypen kort de optie Tekens behouden in de lettertypeconverter een bestand in tot Latin + accents of Alleen tekens die ik typ voordat het uw server bereikt; kies Alle tekens voor alles wat u op een computer installeert.

TTF naar OTF en terug is voor lettertypen met TrueType-contouren een containerwissel: de contourtabel, metrieken en layoutfuncties gaan ongewijzigd mee. Het interessante geval is een OTF op basis van CFF die naar TTF gaat. Kubische curven kunnen niet in een kwadratisch contourformaat worden gekopieerd, dus elke curve wordt opnieuw getekend als een of meer kwadratische segmenten binnen een tolerantie die veel kleiner is dan een pixel. De PostScript-hints zijn evenmin te vertalen, daarom biedt de tool OTF naar TTF Hinting aan als Behouden, Verwijderen of Auto-hint.

Van web terug naar desktop is de meest voorkomende conversie. U downloadt een thema of designkit, vindt alleen .woff- of .woff2-bestanden en hebt het lettertype nodig in Word of Figma. WOFF naar TTF haalt de compressie eraf en schrijft de oorspronkelijke tabellen terug, zodat glyfs, kerning en functies er hetzelfde uitkomen als erin gingen. Wat u niet kunt terughalen, is alles wat de webversie al kwijt was, zoals tekens die door subsetten zijn verwijderd of hints die zijn gestript om bytes te besparen.

De meeste conversieproblemen komen neer op drie dingen: hinting, layoutfuncties en variabele assen. De lijst hieronder behandelt de verschijnselen die u na het converteren waarschijnlijk opmerkt en de gebruikelijke oorzaak van elk.

Een lettertypebestand is een kleine database en drie onderdelen beantwoorden de meeste vragen. De name-tabel bevat de familienaam, stijlnaam, versie, copyrightregel en vaak een licentie-URL; Lettertypecatalogus in macOS toont dit in de infoweergave en het lettertypevoorbeeld van Windows toont de eerste regels. De glyfdekking vertelt welke talen het lettertype kan zetten: een alleen-Latijns lettertype valt stilzwijgend terug op een ander lettertype voor Poolse, Turkse of Vietnamese tekens die het mist. Bij een variabel lettertype somt de fvar-tabel de assen op, zoals gewicht van 100 tot 900 of breedte van 75 tot 125.

Het loont om de licentie te bekijken voordat iets online gaat. Commerciële lettergieterijen verkopen vaak aparte licenties voor desktop, web en app, en een desktoplicentie dekt meestal installatie op een bepaald aantal computers, maar niet het aanbieden van het bestand aan websitebezoekers of het opnemen in een mobiele app. Een lettertype converteren wijzigt het bestandsformaat, nooit de licentie, dus een WOFF2 gemaakt van een desktop-TTF heeft dezelfde voorwaarden als de TTF. Lettertypen onder de SIL Open Font License, die het merendeel van Google Fonts dekt, mogen worden geconverteerd, gesubset en zelf gehost.

De meeste lettertypevragen komen neer op waar het bestand komt te staan. Wordt het op een computer geïnstalleerd of in een app verpakt, gebruik dan TrueType of OpenType; downloadt een browser het, gebruik dan de gecomprimeerde webverpakkingen. De tabel koppelt veelvoorkomende taken aan het te kiezen formaat en de conversie die daar komt, zodat u de geschiedenis kunt overslaan en direct naar het gewenste bestand kunt.

Twee taken vallen tussen de categorieën. EPUB 3 accepteert TTF, OTF en WOFF, dus e-books kunnen beide families van formaten gebruiken, en SVG-lettertypebestanden horen bij dezelfde lijn als vectorafbeeldingen maar zijn tegenwoordig vooral van belang voor sommige plotter- en graveersoftware en niet voor browsers.