WOFF naar TTF omzetten

De eerste WOFF-specificatie werd in 2009 aangekondigd en werd in december 2012 een W3C-aanbeveling, en in de jaren daarna was de gangbare manier om type op een website te zetten: een lettertype door een generator halen en het @font-face-blok dat eruit kwam in de stylesheet plakken. Bijna elke losse `.woff` die je nu tegenkomt stamt uit zo’n kit — een geërfd thema, een eenmalig gekocht template, een repository die sinds 2015 niemand meer heeft aangeraakt.

Die periode kennen is nuttig omdat hij de inhoud voorspelt. Kits uit die tijd waren bijna altijd gebouwd op TrueType-bronnen, gesubset tot één taal, herbenoemd door de generator, en geleverd als een set van vier bestanden in plaats van één. Elk van die feiten bepaalt wat je hierna het beste kunt doen.

Een gegenereerde kit bevat doorgaans hetzelfde lettertype vier keer: een `.eot` voor Internet Explorer, een `.woff`, een `.ttf` en een `.svg`. Staat die `.ttf` erbij, dan is dat het bestand om te installeren, en is er niets om om te zetten.

Het is ook het betere bestand. De TTF in een kit is waar de generator van uitging, dus heeft hij geen compressieronde ondergaan en draagt hij precies wat de bron had. Een uitgepakte WOFF is in de praktijk gelijkwaardig, maar teruggrijpen naar het origineel kost niets als het gewoon twee regels verderop in de mapweergave staat.

EOT was Microsofts eigen lettertypecontainer, geïntroduceerd voor Internet Explorer en door niemand anders overgenomen. SVG-lettertypen waren een noodoplossing voor vroege iOS-versies die niets beters konden lezen. Beide zaten in elke kit omdat de terugvalstapel van toen erom vroeg, en beide zijn nu volstrekt achterhaald.

Geen van beide is de moeite van omzetten of bewaren waard. Niets in onze pijplijn leest of schrijft EOT — fontTools kent het formaat niet en Debian pakketteert er geen tool voor — wat een eerlijke weerspiegeling is van hoe relevant het nog is. Gooi ze weg samen met de vier-bronnen-@font-face-regel waar ze bij hoorden.

Bevat de map werkelijk alleen het webbestand, dan is de omzetting eenvoudig en verliesvrij. De WOFF wordt gedecomprimeerd terug naar de sfnt-tabellen waaruit hij is opgebouwd en als kale TTF weggeschreven: dezelfde contouren, dezelfde tekentoewijzing, dezelfde metrics, dezelfde kerning, dezelfde featuredefinities.

Het enige wat dit kan tegenhouden is het type kromme erin. Een lettertype met kubische PostScript-contouren pakt uit naar een OTF, niet naar een TTF, en de omzetter weigert de verkeerde bestemming in plaats van een bestand te schrijven waarvan de extensie liegt. Kits uit deze periode waren doorgaans op TrueType gebaseerd, dus is dit zeldzaam — en gebeurt het toch, dan is OTF het antwoord en installeert hij op dezelfde manier.

Generators herschreven de naamtabel, wat verklaart waarom oude stylesheets vol staan met families genaamd zoiets als "opensans-regular-webfont". Applicaties tonen die interne naam, dus komt het uitgepakte lettertype in je lettertypemenu terecht onder een naam die niets zegt.

Dat is meer dan cosmetisch als je de site onderhoudt in plaats van alleen het lettertype oogst. De CSS verwijst naar de naam van de generator, dus vervang je de kit door een moderne WOFF2 gebouwd uit het echte lettertype, dan verandert de familienaam en valt de hele site stilzwijgend terug op een systeemlettertype. Verander beide tegelijk, in dezelfde commit, en controleer een pagina die niet de homepage is.

Meestal agressief, en tot één taal. Bandbreedte woog toen zwaarder en generators boden tekensetopties aan die de meeste mensen aanvinkten zonder te lezen — basis-Latijn, soms met een leestekenuitbreiding, en verder niets.

De uitgepakte TTF mist dus mogelijk klinkers met accent, echte gedachtestreepjes, gebogen aanhalingstekens en elk valutasymbool behalve de dollar. Dat merk je pas bij het typen, niet bij het inspecteren, wat betekent dat je het op het slechtste moment ontdekt. Gaat het lettertype echt gebruikt worden, controleer dan de dekking voordat het huisstijl wordt.

Dubbelklik op Windows en kies Installeren, of sleep het bestand naar het Lettertypen-paneel in Instellingen. Op macOS dubbelklikken en Font Book laat het overnemen. Op Linux het bestand in een lettertypenmap binnen je thuismap zetten en de cache vernieuwen.

Herstart daarna wat al openstond. Applicaties lezen de lettertypelijst bij het opstarten, dus een lettertype dat wordt geïnstalleerd terwijl een tekstverwerker of ontwerpprogramma al draait verschijnt pas na een herstart — en staat er al een lettertype met dezelfde interne naam, dan kan het systeem stilzwijgend de oude versie aanhouden. Verwijder de oude eerst als je een versie vervangt in plaats van toevoegt.

De licentie die je hebt is voor het template, en templates hebben lettertypen door de jaren heen met wisselende zorgvuldigheid meegeleverd. Een lettertype in een assets-map is geen bewijs dat de maker van de bundel het recht had het toe te voegen, laat staan dat jij het recht hebt het te installeren en elders te gebruiken.

Identificeer het typeface en controleer de eigen voorwaarden ervan. De naamtabel behoudt meestal een ontwerper, foundry of fabrikants-URL, ook wanneer de familienaam is herschreven, en kits leverden vaak een licentietekstbestand mee. Veel weblettertypen uit die periode vallen onder de SIL Open Font License, die omzetten, installeren en herdistribueren toestaat zolang het lettertype niet los verkocht wordt en gereserveerde namen niet worden hergebruikt — in dat geval ben je vrij, en het kost een minuut om dat vast te stellen.

fontTools doet het werk op onze server, want er bestaat geen browserversie ervan. Elk bestand reist over een versleutelde verbinding, wordt omgezet in een geïsoleerde omgeving, en de werkmap wordt verwijderd zodra de taak eindigt. De gratis laag staat 100 serveromzettingen per dag toe, 25 MB per bestand, en tot 100 bestanden in één batch teruggegeven als ZIP — precies genoeg voor een hele oude assets-map.

Twee dingen weigert ze. Ze zet geen PostScript-contouren om naar TrueType-contouren, want dat betekent elke glyph opnieuw tekenen in plaats van een container herverpakken, en het resultaat zou verkeerd gespatieerd zijn. En ze doet niet alsof iets een lettertype is als het dat niet is: een HTML-foutpagina die met een `.woff`-extensie is opgeslagen, wat een gangbare manier is waarop een mislukte download op schijf belandt, wordt gemeld als onleesbaar.