Betűtípus-részhalmaz készítő

Hogyan készíts részhalmazt egy betűtípusból

1. Ellenőrizd a licencet. A részhalmaz készítése a betűtípus módosított másolatát hozza létre. A nyílt licencek, például a SIL Open Font License (OFL) és az Apache 2.0 engedik; sok kereskedelmi asztali és webes licenc nem, vagy csak feltételekkel. Előbb olvasd el a betűtípus licencét.
2. Húzz egy TTF, OTF vagy WOFF fájlt a feltöltési területre, vagy kattints rá a kiválasztásához. Az Eredeti betűtípus panel megmutatja a családot, a formátumot, a fájlméretet, a karakterképek számát és a betűtípus által leképezett karakterek számát.
3. Válaszd ki a Megtartandó karaktereket: az Alap latin, a Latin-1, a Latin, mint a Google Fontsban, a Francia és a Számjegyek és számjelek kombinálható. Add hozzá a saját karaktereidet a Karakterek egy szövegből mezőben (a szöveg minden különböző karaktere megmarad) vagy az Unicode-tartományok mezőben, CSS-stílusban írva: U+0020-007E, U+2013, U+04??.
4. Jelöld be a Hinting eltávolítása opciót, ha a lehető legkisebb fájlt szeretnéd.
5. Kattints a Részhalmaz készítése gombra. A motor (kb. 650 KB) először betöltődik, utána a betűtípus feldolgozása az eszközödön történik.
6. Hasonlítsd össze a méreteket az Eredmény részben, nézd meg A részhalmaz előnézete részt, majd használd a TTF letöltése (vagy OTF) és a WOFF letöltése gombot, és másold ki a CSS @font-face szabályt.

A betűtípusfájl soha nem hagyja el a számítógépedet: a böngészőben olvassuk be, készítünk belőle részhalmazt, és csomagoljuk újra.

Mit csinál a részhalmaz-készítés?

Egy betűtípus gyakran több száz vagy ezer karakterképet tartalmaz: cirill, görög, vietnami betűket, szimbólumokat, alternatívákat. Egy angolul vagy franciául írt oldal ezeknek csak töredékét használja. Ez az eszköz az hb-subset programot futtatja, a HarfBuzz szövegmotor részhalmaz-készítőjét (ugyanazt a kódot használja a Google Fonts és sok buildeszköz), WebAssembly-re fordítva. Megtartja a kiválasztott karakterek képeit, valamint azokat a karakterképeket, amelyeket az OpenType funkciók a megjelenítésükhöz igényelnek (ligatúrák, például az „fi”, kiskapitálisok és ékezetes alakok, ha a karaktereidből elérhetők), a többit pedig eltávolítja. A kerning és a többi elrendezési tábla ehhez igazodva csökken.

Tipikus eredmények: egy 300 KB-os teljes latin + cirill + görög betűtípus 20–30 KB-ra csökkenhet francia szöveghez, egy logóbetűtípus pedig egyetlen szó betűire szűkítve gyakran csak néhány kilobájt.

A Nincs a betűtípusban sor felsorolja azokat a kért karaktereket, amelyek nincsenek meg a betűtípusban. A böngészők ezeket tartalék betűtípussal rajzolják ki.

Magyar szöveghez: nincs külön magyar előbeállítás, a Latin, mint a Google Fontsban pedig nem tartalmazza az ő és ű betűt (ezek a Latin Extended-A blokkban vannak, U+0150–0151 és U+0170–0171). Használd a Karakterek egy szövegből mezőt a saját szövegeddel, vagy add hozzá a U+0100-017F tartományt az Unicode-tartományok mezőben.

Kimeneti formátumok és unicode-range

• TTF/OTF: a részhalmaz megtartja az eredeti körvonaltípusát (TrueType vagy CFF).
• WOFF: ugyanaz a betűtípus, minden táblája zlibbel tömörítve. Minden mai böngésző olvassa. A WOFF bemenetet először kicsomagoljuk.
• A WOFF2 nem érhető el: a Brotli tömörítéséhez és a táblatranszformációihoz nincs kódoló a böngészőben, és a WOFF2 fájlokat itt beolvasni sem lehet. Előbb konvertáld a WOFF2-t TTF-re (például a fontTools segítségével). A szervered menet közben is tömörítheti a TTF/OTF fájlt gzip-pel vagy Brotlival.

A CSS @font-face szabály a WOFF fájlt sorolja fel először, beállítja a font-display: swap értéket, és hozzáad egy unicode-range tartományt, amely a részhalmazban ténylegesen jelen lévő karakterekből épül fel. A unicode-range esetén a böngésző csak akkor tölti le a fájlt, ha az oldal használja e karakterek valamelyikét, így egy családot több fájlra bonthatsz (például latinra és cirillre), és mindenki csak azt tölti be, amire szüksége van. Szerkeszd a font-family neve mezőt, hogy megegyezzen a stíluslapodban használt névvel.