Typsnittskonverterare — TTF, OTF, WOFF, WOFF2 online
Konvertera typsnitt mellan TTF, OTF, WOFF, WOFF2, EOT och SVG direkt i webbläsaren. Batchkonvertering, storleksjämförelse och en färdig @font-face-regel i CSS att klistra in — ingen uppladdning.
🔒 Körs helt i din webbläsare — ingenting laddas uppKonvertera typsnitt för webben i webbläsaren
Den här typsnittskonverteraren gör om typsnittsfiler för skrivbordet och i äldre format till de format som webbläsare och designverktyg förväntar sig. Släpp ett TTF- eller OTF-typsnitt för att skapa komprimerade WOFF2- och WOFF-filer till din webbplats, packa upp en WOFF2-fil till ett installerbart TTF-typsnitt igen, eller återskapa gamla EOT- och SVG-typsnitt från uråldriga webbprojekt. Du kan lägga till många filer på en gång: varje typsnitt bearbetas i tur och ordning, och för varje utdatafil visas dess storlek och hur mycket mindre eller större den är jämfört med originalet. Allt körs lokalt med JavaScript och WebAssembly — samma WOFF2-kodare från Google som typsnittsföretagen själva använder laddas in på sidan, så ingenting laddas upp.
När det är möjligt arbetar konverteraren helt förlustfritt. Att paketera ett typsnitt som WOFF eller WOFF2 behåller de ursprungliga TrueType- eller CFF-konturerna, hintningen och OpenType-funktionerna exakt som de var; det enda som ändras är komprimeringen. Att konvertera CFF-baserade OTF-typsnitt till TTF, EOT eller SVG bygger om konturerna som kvadratiska kurvor, vilket visuellt blir likvärdigt men tar bort PostScript-hintningen.
Typsnittsformaten förklarade
TTF (TrueType) och OTF (OpenType med CFF-konturer) är skrivbordsformaten som du installerar på din dator. WOFF paketerar samma data med zlib-komprimering, och WOFF2 använder Brotli plus typsnittsspecifika transformationer, vilket vanligtvis sparar ytterligare 30 %. WOFF2 stöds av alla moderna webbläsare, så för de flesta webbplatser räcker det med en enda WOFF2-fil. EOT användes bara av Internet Explorer och SVG-typsnitt bara av gamla versioner av Safari på iOS; skapa dem endast om du underhåller äldre sidor.
Använd den genererade @font-face-regeln
Efter konverteringen skriver verktyget en @font-face-regel för varje typsnitt, med familjenamn, vikt och stil som läses direkt från själva typsnittet. Källorna ordnas med det bästa formatet först, så att webbläsare hämtar WOFF2 när de kan. Ange mappen dit du ska ladda upp filerna och välj en strategi för font-display — swap visar reservtext direkt och byter till webbtypsnittet så snart det har laddats. Innan du publicerar bör du kontrollera att typsnittets licens tillåter inbäddning på webben och konvertering mellan format.
Hur man använder
- Lägg till dina typsnittSläpp en eller flera typsnittsfiler i TTF, OTF, WOFF, WOFF2, EOT eller SVG i rutan, eller klicka på den för att bläddra.
- Välj utdataformatKryssa i alla format du behöver — WOFF2 och WOFF är förvalda eftersom de är det bästa valet för webbplatser.
- KonverteraTryck på ”Convert”. Varje typsnitt avkodas och kodas om lokalt, och storleksförändringen för varje utdatafil visas.
- Ladda ner och klistra in CSSLadda ner filerna en i taget eller alla på en gång, och kopiera sedan den genererade @font-face-regeln till din stilmall.