TTF, OTF eller WOFF: vilket typsnittsformat ska du välja?

TrueType är det äldsta av de fyra. Apple levererade det med System 7 1991 och Microsoft införde det i Windows 3.1 året därpå. Ett TrueType-typsnitt beskriver varje bokstav med kvadratiska kurvor, som har en kontrollpunkt per kurvsegment och var billiga att rita på tidig hårdvara. Det innehåller också hinting: små program i typsnittet som flyttar stammar och kurvor till pixelrutnätet, så att text förblir skarp på skärmar med låg upplösning. Filändelsen .ttf markerar fortfarande typsnitt med dessa kvadratiska konturer.

OpenType, som Microsoft och Adobe presenterade 1996, är en behållare snarare än en ny sorts kontur. Det kan innehålla TrueType-konturer eller PostScript-konturer lagrade i en CFF-tabell, som använder kubiska kurvor med två kontrollpunkter per segment. Runt konturerna finns layouttabeller för avancerad typografi: vanliga och valfria ligaturer, kapitäler, gamla siffror, stiluppsättningar, kontextuella alternativ och kerning. Enligt konvention sparas ett CFF-baserat OpenType-typsnitt som .otf, medan ett OpenType-typsnitt med TrueType-konturer behåller ändelsen .ttf.

WOFF och WOFF2 är behållare gjorda för webben. WOFF utkastades 2009 och blev ett W3C-förslag till standard (Recommendation) 2012; det komprimerar varje typsnittstabell med zlib. WOFF2 blev W3C Recommendation 2018, byter till Brotli och förbehandlar glyfdata först, vilket vanligtvis gör det omkring 30 % mindre än WOFF. Tre sidoformat fullbordar bilden. EOT var Internet Explorers eget webbformat, SVG-typsnitt var en tidig nödlösning enbart för Safari, och variabla typsnitt, som tillkom i OpenType 1.8 2016, packar ett helt spann av vikter eller bredder i en enda fil.

Installera TTF eller OTF och sluta oroa dig för vilket av dem. Windows 10 och 11 installerar båda med högerklick och Installera, macOS öppnar båda i Typsnittsboken och Linux-skrivbord hittar dem i ~/.local/share/fonts när typsnittscachen har uppdaterats. Word, Photoshop, Figmas skrivbordsapp, Affinity och LibreOffice läser båda. Om en designer skickar samma familj i båda varianterna är OTF oftast den version som typsnittsformgivaren ritade i, och TTF en konvertering gjord för äldre program.

De fall där skillnaden spelar roll är få. Vissa program för skärmaskiner och broderi, spelmotorer och visningsbibliotek för mikrokontrollers förstår bara TrueType-konturer, så en CFF-baserad OTF ser trasig ut där och måste konverteras från OTF till TTF. Åt andra hållet installerar inget på en dator WOFF eller WOFF2 direkt: de filerna är paketerade för webbläsare. Installera bara en version av en familj, eftersom en TTF och en OTF med samma interna namn förvirrar typsnittsmenyer och program kan välja fel.

Alla nuvarande versioner av Chrome, Edge, Firefox och Safari läser WOFF2, så det bör vara den första och ofta enda källan i din @font-face-regel. Lägg till en WOFF-rad efter den bara om din statistik fortfarande visar webbläsare från före ungefär 2016, som gamla Android WebViews eller webbläsare i inbyggda tv-apparater. En webbläsare går igenom src-listan i ordning och laddar ner det första formatet den stöder, vilket betyder att reserven inte kostar moderna besökare något. Om du redan har TrueType-filen för datorn skapar TTF till WOFF den reserven i ett steg.

Undvik att leverera orörda TTF eller OTF på en webbplats om inte en plattform tvingar dig, som vissa e-postbyggare och äldre innehållssystem gör. Webbläsare visar dem utan problem, men filerna skickas okomprimerade om inte servern gzippar typsnitt, och de ger vem som helst en färdig kopia att installera på datorn. Raden font-display: swap nedan säger åt webbläsaren att visa text i ett reservtypsnitt direkt och byta till ditt typsnitt när det har anlänt, i stället för att dölja texten i upp till 3 sekunder medan den väntar.

Hosta filerna på din egen domän om du kan. Chrome, Safari och Firefox delar nu upp sina cacher per webbplats, så ett typsnitt som hämtats från ett delat CDN återanvänds inte längre mellan webbplatser, och egen hosting sparar en DNS-uppslagning och en anslutning. Lägg bara till <link rel="preload"> för den eller de två vikter som används ovanför vecket; att förladda varje stil konkurrerar med dina bilder om bandbredden.

En enskild latinsk textvikt sparad som WOFF2 väger vanligtvis 20–60 KB. Samma typsnitt som okomprimerad TTF är ofta två till tre gånger större, och en familj som även täcker grekiska, kyrilliska och vietnamesiska kan passera 200 KB per stil. Kinesiska, japanska och koreanska typsnitt är en helt annan skala: en full CJK-vikt rymmer tiotusentals glyfer och blir oftast flera megabyte även efter WOFF2-komprimering, vilket är alldeles för mycket att ladda innan en sida kan visa sin text.

Subsetting tar bort de tecken en sida aldrig använder, och unicode-range talar om för webbläsaren vilka tecken en fil täcker, så att den laddar ner filen bara när sidan faktiskt innehåller dem. Google Fonts använder precis detta för CJK och skär varje familj i många små bitar som laddas vid behov. För dina egna typsnitt trimmar alternativet Behåll tecken i typsnittskonverteraren en fil till Latin + accents eller Bara tecken jag skriver innan den når din server; behåll Alla tecken för allt du installerar på en dator.

TTF till OTF och tillbaka är ett byte av behållare för typsnitt med TrueType-konturer: konturtabellen, måtten och layoutfunktionerna flyttas över orörda. Det intressanta fallet är en CFF-baserad OTF som blir TTF. Kubiska kurvor kan inte kopieras till ett format med kvadratiska konturer, så varje kurva ritas om som ett eller flera kvadratiska segment inom en tolerans som är långt mindre än en pixel. PostScript-hintarna kan inte heller översättas, vilket är anledningen till att verktyget OTF till TTF erbjuder Hinting som Keep, Remove eller Auto-hint.

Att gå från webben tillbaka till datorn är den vanligaste konverteringen. Du laddar ner ett tema eller ett designpaket, hittar bara .woff- eller .woff2-filer och behöver typsnittet i Word eller Figma. WOFF till TTF tar bort komprimeringen och skriver ut de ursprungliga tabellerna igen, så glyfer, kerning och funktioner blir som de var från början. Det du inte kan återskapa är sådant som webbversionen redan hade tappat, till exempel tecken som tagits bort genom subsetting eller hintar som strippats för att spara byte.

De flesta konverteringsproblem beror på tre saker: hinting, layoutfunktioner och variabla axlar. Listan nedan går igenom symptomen du sannolikt märker efter konvertering och den vanliga orsaken bakom var och en.

En typsnittsfil är en liten databas, och tre delar av den besvarar de flesta frågor. Tabellen name innehåller familjenamn, stilnamn, version, copyrightrad och ofta en licens-URL; Typsnittsboken i macOS visar den i infovyn, och förhandsvisningen av typsnitt i Windows visar de första raderna. Glyftäckningen talar om vilka språk typsnittet kan sätta: ett typsnitt med bara latinska tecken byter tyst till ett annat typsnitt för polska, turkiska eller vietnamesiska tecken som saknas. För ett variabelt typsnitt listar tabellen fvar axlarna, till exempel vikt från 100 till 900 eller bredd från 75 till 125.

Licensen är värd en titt innan något läggs ut på nätet. Kommersiella typsnittshus säljer ofta separata licenser för dator, webb och app, och en datorlicens täcker vanligtvis installation på ett visst antal datorer men inte att leverera filen till webbplatsbesökare eller bunta den i en mobilapp. Att konvertera ett typsnitt ändrar filformatet, aldrig licensen, så en WOFF2 gjord av en TTF för datorn har samma villkor som TTF:en. Typsnitt under SIL Open Font License, som gäller de flesta på Google Fonts, får konverteras, subsettas och hostas själv.

De flesta typsnittsfrågor handlar om var filen ska ligga. Om den installeras på en dator eller paketeras i en app använder du TrueType eller OpenType; om en webbläsare laddar ner den använder du de komprimerade webbbehållarna. Tabellen kopplar vanliga uppgifter till formatet att välja och konverteringen som tar dig dit, så du kan hoppa över historien och gå direkt till filen du behöver.

Två uppgifter ligger mellan kategorierna. EPUB 3 accepterar TTF, OTF och WOFF, så e-böcker kan använda båda formatfamiljerna, och SVG-typsnittsfiler hör till samma släktlinje som vektorgrafik men spelar i dag främst roll för vissa plotter- och graveringsprogram i stället för för webbläsare.