Delmängdsverktyg för typsnitt — ta bort oanvända glyfer
Skapa delmängder av TTF-, OTF-, WOFF- och WOFF2-typsnitt med bara de tecken du behöver med HarfBuzz hb-subset. Exportera WOFF2, WOFF eller TTF, se storleksbesparingen och förhandsgranska — allt i webbläsaren.
🔒 Körs helt i din webbläsare — ingenting laddas uppFå webbtypsnitt att laddas snabbare genom att ta bort oanvända glyfer
De flesta typsnitt levereras med betydligt fler tecken än en webbplats behöver: bokstäver med accenter för dussintals språk, grekiska och kyrilliska alfabet, matematiska symboler, pilar och alternativa former. Varje sådan glyf lägger till byte som besökarna måste ladda ner innan din text kan visas i rätt typsnitt. En delmängd är en kopia av typsnittet som bara innehåller de tecken du väljer, vilket kan minska filstorleken med 80–95 % och märkbart förbättra sidans laddningstid och Core Web Vitals.
Verktyget använder hb-subset, samma HarfBuzz-motor som Google Fonts förlitar sig på, kompilerad till WebAssembly och körd direkt i din webbläsare. Det behåller de OpenType-layouttabeller som gäller för de tecken som finns kvar, så kerning, ligaturer och kontextuella former fungerar fortfarande. Resultatet kan sparas som WOFF2 för webben, som WOFF, eller som en vanlig TTF- eller OTF-fil med samma konturtyp som källfilen.
Välja vilka tecken som ska behållas
För en logotyp, en rubrik eller ett ikontypsnitt skriver du exakt den text som behövs och inget annat. För brödtext börjar du med förinställningen Basic Latin och lägger till Latin-1 eller Latin Extended-A om innehållet innehåller namn med accenter eller europeiska språk. Använd fältet för unicode-range för exakt kontroll: ange värden som U+0000-00FF eller U+2000-206F, och jokertecken som U+4?? accepteras också. Räknaren visar hur många kodpunkter som är valda, och i förhandsgranskningen kan du skriva fritt — alla tecken som faller tillbaka till ett systemtypsnitt har tagits bort från delmängden.
Den genererade @font-face-regeln innehåller en unicode-range-deskriptor. Webbläsare använder den för att ladda ner typsnittet bara när en sida faktiskt innehåller de tecknen, vilket gör det enkelt att dela upp en typsnittsfamilj i flera små filer, till exempel en för latinska och en för kyrilliska tecken. Kom ihåg att en delmängd innebär att typsnittet ändras, så kontrollera att licensen tillåter det innan du publicerar resultatet.
Hur man använder
- Ladda ett typsnittSläpp en TTF-, OTF-, WOFF- eller WOFF2-fil i rutan eller klicka för att bläddra. Antalet glyfer och konturtypen visas.
- Välj tecknenSkriv texten du behöver, kryssa i teckenuppsättningar som Basic Latin eller kyrilliska, och lägg eventuellt till ett CSS-värde för unicode-range.
- Skapa delmängdenVälj utdata i WOFF2, WOFF eller TTF/OTF och tryck på ”Create subset”. HarfBuzz tar bort alla glyfer som du inte har valt.
- Kontrollera och ladda nerJämför storlek och antal glyfer, testa förhandsvisningen som renderas med det nya typsnittet, ladda sedan ner det och kopiera CSS-koden.