Lettertype-converter — TTF, OTF, WOFF, WOFF2 online
Converteer lettertypen tussen TTF, OTF, WOFF, WOFF2, EOT en SVG in je browser. Batchconversie, groottevergelijking en een kant-en-klare @font-face-CSS-regel om te plakken — zonder upload.
🔒 Draait volledig in uw browser — niets wordt geüploadLettertypen voor het web converteren in je browser
Deze lettertype-converter zet desktop- en verouderde lettertypebestanden om naar de formaten die browsers en ontwerpprogramma’s verwachten. Sleep een TTF- of OTF-lettertype naar het vak om gecomprimeerde WOFF2- en WOFF-bestanden voor je website te maken, pak een WOFF2-bestand weer uit tot een installeerbaar TTF-bestand, of bouw oude EOT- en SVG-lettertypen uit stokoude webprojecten opnieuw op. Je kunt veel bestanden tegelijk toevoegen: elk lettertype wordt na elkaar verwerkt en bij elk uitvoerbestand zie je de grootte en hoeveel kleiner of groter het is dan het origineel. Alles draait lokaal met JavaScript en WebAssembly — dezelfde WOFF2-encoder van Google die lettergieterijen gebruiken, wordt in de pagina geladen, zodat er niets wordt geüpload.
Waar mogelijk werkt de converter verliesvrij. Wanneer je een lettertype verpakt als WOFF of WOFF2, blijven de oorspronkelijke TrueType- of CFF-contouren, de hinting en de OpenType-functies precies zoals ze waren; alleen de compressie verandert. Bij het converteren van op CFF gebaseerde OTF-lettertypen naar TTF, EOT of SVG worden de contouren opnieuw opgebouwd als kwadratische curven. Dat is visueel gelijkwaardig, maar de PostScript-hinting gaat daarbij verloren.
Lettertypeformaten uitgelegd
TTF (TrueType) en OTF (OpenType met CFF-contouren) zijn de desktopformaten die je op je computer installeert. WOFF verpakt dezelfde gegevens met zlib-compressie, en WOFF2 gebruikt Brotli plus lettertypespecifieke transformaties, wat doorgaans nog eens 30% bespaart. WOFF2 wordt door elke moderne browser ondersteund, dus voor de meeste sites is één WOFF2-bestand voldoende. EOT werd alleen door Internet Explorer gebruikt en SVG-lettertypen alleen door oude versies van Safari op iOS; genereer ze alleen als je verouderde pagina’s onderhoudt.
De gegenereerde @font-face-regel gebruiken
Na het converteren schrijft de tool voor elk lettertype een @font-face-regel met de familienaam, het gewicht en de stijl, rechtstreeks uitgelezen uit het lettertype zelf. De bronnen zijn gesorteerd van best naar minst geschikt, zodat browsers WOFF2 downloaden wanneer dat mogelijk is. Stel de map in waarnaar je de bestanden gaat uploaden en kies een font-display-strategie — swap toont meteen reservetekst en schakelt over zodra het weblettertype binnen is. Controleer vóór publicatie of de licentie van het lettertype insluiting op het web en formaatconversie toestaat.
Hoe te gebruiken
- Lettertypen toevoegenSleep een of meer TTF-, OTF-, WOFF-, WOFF2-, EOT- of SVG-lettertypebestanden naar het vak, of klik erop om bestanden te kiezen.
- Uitvoerformaten kiezenVink elk formaat aan dat je nodig hebt — WOFF2 en WOFF zijn standaard geselecteerd omdat ze de beste keuze zijn voor websites.
- ConverterenKlik op „Convert”. Elk lettertype wordt lokaal gedecodeerd en opnieuw gecodeerd, en de groottewijziging van elk uitvoerbestand wordt getoond.
- Downloaden en de CSS plakkenDownload de bestanden één voor één of allemaal tegelijk en kopieer daarna de gegenereerde @font-face-regel naar je stylesheet.