Subsetter fontova
Napravi podskup fonta samo sa znakovima koji ti trebaju, pomoću HarfBuzza u pregledniku. Dobij manji TTF/OTF i WOFF, pregled i @font-face s unicode-range.
Prvo provjeri licencu fonta
Subsetting mijenja datoteku fonta. Mnoge komercijalne licence zabranjuju mijenjanje ili pretvaranje fontova ili to dozvoljavaju samo za web upotrebu pod uslovima. Otvorene licence poput SIL Open Font License (OFL) i Apache 2.0 to dozvoljavaju (kod OFL-a podskup koji zadržava rezervirani naziv fonta mora biti preimenovan). Pročitaj licencu svog fonta prije objave rezultata.
Originalni font
- Porodica
- Format
- Veličina datoteke
- Glifovi
- Znakovi
Odabrani znakovi: 0
Rezultat
- Prije
- Poslije (TTF/OTF)
- Poslije (WOFF)
- Ušteđeno
- Glifovi
- Zadržani znakovi
WOFF2 izlaz nije dostupan (preglednik nema Brotli koder). WOFF podržavaju svi aktuelni preglednici; tvoj server takođe može komprimovati TTF/OTF pomoću gzip ili Brotli.
Pregled podskupa
Znakovi koji su uklonjeni prikazuju se drugim fontom.
CSS @font-face
Kako napraviti podskup fonta
- Provjeri licencu. Subsetting pravi izmijenjenu kopiju fonta. Otvorene licence poput SIL Open Font License (OFL) i Apache 2.0 to dozvoljavaju; mnoge komercijalne desktop i web licence ne dozvoljavaju ili samo pod uslovima. Prvo pročitaj licencu svog fonta.
- Spusti TTF, OTF ili WOFF datoteku u zonu za spuštanje ili klikni na nju da odabereš datoteku. Panel Originalni font prikazuje porodicu, format, veličinu datoteke, broj glifova i broj znakova koje font mapira.
- Odaberi Znakovi koje treba zadržati: Osnovna latinica, Latin-1, Latinica, kao u Google Fontsu, Francuski i Cifre i znakovi za brojeve mogu se kombinovati. Dodaj vlastite znakove u Znakovi iz teksta (zadržava se svaki različit znak teksta) ili u Unicode opsezi, pisane kao u CSS-u:
U+0020-007E, U+2013, U+04??. - Uključi Ukloni hinting ako želiš najmanju moguću datoteku.
- Klikni Napravi podskup fonta. Mehanizam (oko 650 KB) se učitava prvi put, a zatim se font obrađuje na tvom uređaju.
- Uporedi veličine u dijelu Rezultat, pogledaj Pregled podskupa, pa koristi Preuzmi TTF (ili OTF) i Preuzmi WOFF i kopiraj pravilo CSS @font-face.
Na ovoj stranici su za bosanski zadano odabrani Latinica, kao u Google Fontsu i prošireni latinični skupovi (Latin Extended), koji obuhvataju slova č, ć, đ, š i ž.
Datoteka fonta nikad ne napušta tvoj računar: čita se, od nje se pravi podskup i ponovo se pakuje u pregledniku.
Šta radi subsetting
Font često sadrži stotine ili hiljade glifova: ćirilicu, grčki, vijetnamski, simbole, alternativne oblike. Stranica napisana na bosanskom ili engleskom koristi samo njihov mali dio. Ovaj alat pokreće hb-subset, alat za podskupove iz HarfBuzz mehanizma za tekst (isti kôd koriste Google Fonts i mnogi alati za izgradnju), preveden u WebAssembly. Zadržava glifove za odabrane znakove, plus glifove koje OpenType funkcije trebaju da ih prikažu (ligature poput „fi“, kapitelice i oblike s naglascima kad su dostupni iz tvojih znakova), a ostalo uklanja. Kerning i druge tabele rasporeda se skraćuju u skladu s tim.
Tipični rezultati: pun font s latinicom, ćirilicom i grčkim od 300 KB može pasti na 20 ili 30 KB za tekst na latinici, a font za logo sveden na slova jedne riječi često teži samo nekoliko kilobajta.
Red Nema u fontu navodi znakove koje si tražio, a font ih nema. Preglednici će ih nacrtati rezervnim fontom.
Izlazni formati i unicode-range
- TTF/OTF: podskup zadržava vrstu kontura originala (TrueType ili CFF).
- WOFF: isti font sa svakom tabelom komprimovanom zlibom. Čitaju ga svi aktuelni preglednici. WOFF ulaz se prvo dekompresuje.
- WOFF2 nije dostupan: njegova Brotli kompresija i transformacije tabela nemaju koder u pregledniku, a ni WOFF2 datoteke se ovdje ne mogu čitati. Prvo pretvori WOFF2 u TTF (na primjer pomoću fontTools). Tvoj server takođe može komprimovati TTF/OTF pomoću gzip ili Brotli u hodu.
Pravilo CSS @font-face na prvo mjesto stavlja WOFF datoteku, postavlja font-display: swap i dodaje unicode-range izgrađen od znakova koji su zaista prisutni u podskupu. Uz unicode-range preglednik preuzima datoteku samo kad stranica koristi neki od tih znakova, pa porodicu možeš podijeliti na više datoteka (na primjer latinicu i ćirilicu) i svaki posjetilac učitava samo ono što mu treba. Uredi naziv font-family da odgovara nazivu u tvom stilskom listu.
Česta pitanja
Je li zakonito praviti podskup fonta?
Zavisi od licence, a ne od alata. SIL Open Font License izričito dozvoljava izmjene; ako font deklariše rezervirani naziv, izmijenjena verzija mora se distribuirati pod drugim nazivom. Mnoge komercijalne licence zabranjuju mijenjanje, pretvaranje ili samostalno hostovanje fonta. Kad si u dilemi, pitaj ljevaonicu fontova.
Zašto je podskup veći nego što sam očekivao?
OpenType funkcije rasporeda povlače dodatne glifove (ligature, alternativne oblike, kapitelice), a hinting instrukcije mogu biti velike u TrueType fontovima. Pokušaj Ukloni hinting i provjeri da nisi slučajno odabrao veliki predložak.
Da li da uklonim hinting?
Hinting poboljšava prikaz pri malim veličinama na Windowsu sa starijim rasterizatorima. Na macOS-u, iOS-u, Androidu i modernom Windowsu pri običnim veličinama razlika je mala. Za naslove i logotipe uklanjanje je obično u redu.
Mogu li napraviti podskup varijabilnog fonta?
Da. Varijacione ose se zadržavaju, pa podskup ostaje varijabilan; smanjuju se samo znakovi.
Šta je s kolekcijama fontova (.ttc)?
Podskup se pravi samo od prvog fonta u kolekciji.
Srodni alati
- Parovi fontova Pregledaj parove fontova za naslove i tekst s 20 fontova otvorene licence, podesi veličinu i visinu reda i kopiraj CSS font-family nizove.
- Pretvarač PX u REM Pretvori px u rem i em s bilo kojom veličinom fonta, napravi tabelu za masovnu pretvorbu i pretvori sve px vrijednosti CSS isječka u rem jednim klikom.
- CSS formater i minifikator Uljepšaj neuredan CSS čistim uvlačenjem ili ga minifikuj pomoću csso i vidi veličinu prije i poslije. Radi u pregledniku, ništa se ne šalje na server.