TTF, OTF eller WOFF: hvilket fontformat skal du bruge?

TrueType er den ældste af de fire. Apple udgav det med System 7 i 1991, og Microsoft tog det i brug i Windows 3.1 året efter. En TrueType-skrifttype beskriver hvert bogstav med kvadratiske kurver, som har ét kontrolpunkt pr. kurvet segment og var billige at tegne på tidlig hardware. Den indeholder også hinting: små programmer i skrifttypen, der flytter streger og kurver ind på pixelgitteret, så teksten forbliver skarp på skærme med lav opløsning. Filtypen .ttf angiver stadig skrifttyper med disse kvadratiske konturer.

OpenType, som Microsoft og Adobe annoncerede i 1996, er en beholder snarere end en ny type kontur. Den kan indeholde TrueType-konturer eller PostScript-konturer gemt i en CFF-tabel, som bruger kubiske kurver med to kontrolpunkter pr. segment. Omkring konturerne tilføjer den layouttabeller til avanceret typografi: standard- og valgfrie ligaturer, kapitæler, old style-tal, stilistiske sæt, kontekstuelle alternativer og kerning. Efter konvention gemmes en CFF-baseret OpenType-skrifttype som .otf, mens en OpenType-skrifttype med TrueType-konturer beholder filtypen .ttf.

WOFF og WOFF2 er beholdere bygget til nettet. WOFF blev udkastet i 2009 og blev en W3C-anbefaling i 2012; det komprimerer hver skrifttypetabel med zlib. WOFF2 blev en W3C-anbefaling i 2018, skiftede til Brotli og forbehandler først glyfdata, hvilket typisk gør det omkring 30 % mindre end WOFF. Tre sideformater runder billedet af. EOT var Internet Explorers eget webformat, SVG-skrifttyper var en tidlig nødløsning kun til Safari, og variable skrifttyper, tilføjet i OpenType 1.8 i 2016, pakker et helt udvalg af vægte eller bredder ind i én fil.

Installer TTF eller OTF, og lad være med at bekymre dig om, hvilken af dem det er. Windows 10 og 11 installerer begge med et højreklik og Installer, macOS åbner begge i Skriftbog, og Linux-skriveborde finder dem i ~/.local/share/fonts, når skrifttypecachen er opdateret. Word, Photoshop, Figmas desktopapp, Affinity og LibreOffice læser dem begge. Hvis en designer sender dig den samme familie i begge udgaver, er OTF normalt den version, skrifttypedesigneren tegnede i, og TTF er en konvertering lavet til ældre software.

De tilfælde, hvor forskellen har betydning, er snævre. Nogle skæremaskine- og broderiprogrammer, spilmotorer og skærmbiblioteker til mikrocontrollere forstår kun TrueType-konturer, så en CFF-baseret OTF ser ødelagt ud dér og skal konverteres fra OTF til TTF. Den anden vej installerer intet på en computer WOFF eller WOFF2 direkte: de filer er pakket til browsere. Installer kun én version af en familie, for en TTF og en OTF med samme interne navn forvirrer skrifttypemenuer, og programmer kan vælge den forkerte.

Alle aktuelle versioner af Chrome, Edge, Firefox og Safari læser WOFF2, så det bør være den første og ofte eneste kilde i din @font-face-regel. Tilføj kun en WOFF-linje efter, hvis din statistik stadig viser browsere fra før cirka 2016, som gamle Android WebViews eller indlejrede tv-browsere. En browser gennemgår src-listen i rækkefølge og henter det første format, den understøtter, så reserven koster moderne besøgende ingenting. Hvis du allerede har desktop-TrueType-filen, laver TTF til WOFF den reserve i ét hug.

Undgå at levere rå TTF eller OTF på et websted, medmindre en platform tvinger dig til det, som nogle e-mailbyggere og ældre indholdssystemer gør. Browsere viser dem fint, men filerne sendes ukomprimerede, medmindre din server gzipper skrifttyper, og de giver enhver en færdig kopi til installation. Linjen font-display: swap nedenfor får browseren til at vise tekst i en reserveskrifttype med det samme og skifte til din, når den er hentet, i stedet for at skjule teksten i op til 3 sekunder, mens den venter.

Host filerne på dit eget domæne, hvor du kan. Chrome, Safari og Firefox opdeler nu deres caches pr. websted, så en skrifttype hentet fra et delt CDN ikke længere genbruges på tværs af websteder, og selvhosting sparer et DNS-opslag og en forbindelse. Tilføj <link rel="preload"> kun til de en eller to vægte, der bruges over folden; at forudindlæse alle stilarter konkurrerer med dine billeder om båndbredden.

En enkelt latinsk tekstvægt gemt som WOFF2 vejer typisk 20–60 KB. Den samme skrifttype som ukomprimeret TTF er ofte to til tre gange større, og en familie, der også dækker græsk, kyrillisk og vietnamesisk, kan overstige 200 KB pr. stil. Kinesiske, japanske og koreanske skrifttyper er en helt anden skala: en fuld CJK-vægt rummer titusindvis af glyffer og ender som regel på flere megabyte selv efter WOFF2-komprimering, hvilket er alt for meget at indlæse, før en side kan vise sin tekst.

Subsetting fjerner de tegn, en side aldrig bruger, og unicode-range fortæller browseren, hvilke tegn en fil dækker, så den kun henter filen, når siden faktisk indeholder dem. Google Fonts bruger netop dette til CJK og skærer hver familie i mange små udsnit, der indlæses efter behov. Til dine egne skrifttyper trimmer indstillingen Bevar tegn i skrifttypekonverteren en fil til Latin + accents eller Kun tegn, jeg skriver, før den når din server; behold Alle tegn til alt, du installerer på en computer.

TTF til OTF og tilbage er et beholderskift for skrifttyper af TrueType-typen: konturtabellen, målene og layoutfunktionerne flyttes uberørt over. Det interessante tilfælde er en CFF-baseret OTF, der bliver til TTF. Kubiske kurver kan ikke kopieres ind i et format med kvadratiske konturer, så hver kurve tegnes om som et eller flere kvadratiske segmenter inden for en tolerance, der er langt mindre end en pixel. PostScript-hints kan heller ikke oversættes, og derfor tilbyder værktøjet OTF til TTF Hinting som Behold, Fjern eller Auto-hint.

At gå fra web tilbage til desktop er den mest almindelige konvertering. Du henter et tema eller et designkit, finder kun .woff- eller .woff2-filer og har brug for skrifttypen i Word eller Figma. WOFF til TTF fjerner komprimeringen og skriver de oprindelige tabeller ud igen, så glyffer, kerning og funktioner kommer ud, som de gik ind. Det, du ikke kan genskabe, er alt, hvad webversionen allerede havde droppet, som tegn fjernet ved subsetting eller hints fjernet for at spare bytes.

De fleste konverteringsproblemer skyldes tre ting: hinting, layoutfunktioner og variable akser. Listen nedenfor gennemgår de symptomer, du sandsynligvis lægger mærke til efter konvertering, og den sædvanlige årsag til hver af dem.

En skrifttypefil er en lille database, og tre dele af den besvarer de fleste spørgsmål. Tabellen name rummer familienavn, stilnavn, version, ophavsretslinje og ofte en licens-URL; macOS Skriftbog viser den under infovisningen, og skrifttypeeksemplet i Windows viser de første linjer. Glyfdækningen fortæller, hvilke sprog skrifttypen kan sætte: en skrifttype kun til latin falder i det stille tilbage på en anden skrifttype for polske, tyrkiske eller vietnamesiske tegn, den mangler. For en variabel skrifttype viser tabellen fvar dens akser, som vægt fra 100 til 900 eller bredde fra 75 til 125.

Licensering er værd at kigge på, før noget kommer online. Kommercielle skriftstøberier sælger ofte separate licenser til desktop, web og apps, og en desktoplicens dækker som regel installation på et bestemt antal computere, men ikke at levere filen til besøgende på et websted eller at pakke den ind i en mobilapp. At konvertere en skrifttype ændrer dens filformat, aldrig dens licens, så en WOFF2 lavet af en desktop-TTF har samme vilkår som TTF'en. Skrifttyper under SIL Open Font License, som dækker de fleste af Google Fonts, må konverteres, subsettes og selvhostes.

De fleste spørgsmål om skrifttyper handler om, hvor filen skal ligge. Hvis den installeres på en computer eller pakkes i en app, så brug TrueType eller OpenType; hvis en browser henter den, så brug de komprimerede webbeholdere. Tabellen sætter almindelige opgaver sammen med det format, du skal vælge, og den konvertering, der fører dertil, så du kan springe historien over og gå direkte til den fil, du har brug for.

To opgaver ligger mellem kategorierne. EPUB 3 accepterer TTF, OTF og WOFF, så e-bøger kan bruge begge formatfamilier, og SVG-skrifttypefiler hører til samme slægt som vektorgrafik, men har i dag mest betydning for visse plotter- og graveringsprogrammer frem for browsere.