Lettertype-subsetter — Ongebruikte glyphs verwijderen
Beperk TTF-, OTF-, WOFF- en WOFF2-lettertypen met HarfBuzz hb-subset tot alleen de tekens die je nodig hebt. Exporteer als WOFF2, WOFF of TTF, bekijk de besparing en een voorbeeld — alles in je browser.
🔒 Draait volledig in uw browser — niets wordt geüploadWeblettertypen sneller laden door ongebruikte glyphs te verwijderen
De meeste lettertypen bevatten veel meer tekens dan een website nodig heeft: letters met accenten voor tientallen talen, het Griekse en Cyrillische alfabet, wiskundige symbolen, pijlen en alternatieve vormen. Elk van die glyphs voegt bytes toe die bezoekers moeten downloaden voordat je tekst in het juiste lettertype kan verschijnen. Subsetten maakt een kopie van het lettertype die alleen de tekens bevat die jij kiest. Dat kan de bestandsgrootte met 80–95% verkleinen en de laadtijd van pagina’s en de Core Web Vitals merkbaar verbeteren.
Deze subsetter gebruikt hb-subset, dezelfde HarfBuzz-engine waarop Google Fonts vertrouwt, gecompileerd naar WebAssembly en uitgevoerd in je browser. Hij behoudt de OpenType-lay-outtabellen die van toepassing zijn op de overgebleven tekens, zodat kerning, ligaturen en contextuele vormen blijven werken. Het resultaat kan worden opgeslagen als WOFF2 voor het web, als WOFF, of als gewoon TTF- of OTF-bestand met hetzelfde contourtype als je bronbestand.
Kiezen welke tekens je behoudt
Voor een logo, kop of pictogramlettertype typ je precies de benodigde tekst en verder niets. Voor lopende tekst begin je met de voorinstelling ‘Basic Latin’ en voeg je Latin-1 of Latin Extended-A toe als je inhoud namen met accenten of Europese talen bevat. Gebruik het unicode-range-veld voor nauwkeurige controle: voer waarden in zoals U+0000-00FF of U+2000-206F; jokertekens zoals U+4?? worden ook geaccepteerd. De teller toont hoeveel codepunten zijn geselecteerd, en in het voorbeeld kun je vrij typen — elk teken dat terugvalt op een systeemlettertype is uit de subset verwijderd.
De gegenereerde @font-face-regel bevat een unicode-range-descriptor. Browsers gebruiken die om het lettertype alleen te downloaden wanneer een pagina die tekens daadwerkelijk bevat. Zo kun je een lettertypefamilie eenvoudig opsplitsen in meerdere kleine bestanden, bijvoorbeeld één voor Latijns schrift en één voor Cyrillisch. Onthoud dat subsetten het lettertype wijzigt; controleer dus of je licentie dat toestaat voordat je het resultaat publiceert.
Hoe te gebruiken
- Een lettertype ladenSleep een TTF-, OTF-, WOFF- of WOFF2-bestand naar het vak of klik om te bladeren. Het aantal glyphs en het contourtype worden getoond.
- De tekens kiezenTyp de tekst die je nodig hebt, vink tekensets aan zoals Basic Latin of Cyrillisch en voeg optioneel een CSS-unicode-range toe.
- De subset makenKies WOFF2, WOFF of TTF/OTF als uitvoer en klik op „Create subset”. HarfBuzz verwijdert elke glyph die je niet hebt geselecteerd.
- Controleren en downloadenVergelijk de grootte en het aantal glyphs, test het voorbeeld dat met het nieuwe lettertype wordt weergegeven, download het bestand en kopieer de CSS.