Konvertor TTF do WOFF2

Vlastný hosting písma začína tu: WOFF2 je formát, ktorý každý aktuálny prehliadač sťahuje ako prvý, a zároveň najmenší obal pre dáta TrueType, ktoré už máte. Táto stránka vám navyše vygeneruje pravidlo CSS, ktoré ho načíta.

alebo sem presuňte súbory TTF, OTF, WOFF … ·

Max. 95 MB na súbor· Až 20 súborov· Odstránenie po 30 minútach

Výstup

Previesť na

Súbory sa spracúvajú na našich serveroch a po 30 minútach sa odstránia.

Ako používať tento nástroj

1
Nahrajte súbory TTF
Pridajte všetky rezy a štýly, ktoré plánujete použiť, až 20 súborov s veľkosťou do 95 MB každý. Fungujú aj variabilné TTF a zachovajú si svoje osi.
2
Nechajte CSS zapnuté, ak sa dá, použite podmnožinu
Možnosť Pridať CSS @font-face je už začiarknutá. V časti Rozšírené nastavenia nastavte Ponechať znaky na Basic Latin alebo Latin + diakritika, ak je váš web v západnom jazyku, a zvážte nastavenie Hinting na Remove.
3
Previesť do WOFF2
Stlačte Previesť na WOFF2 a stiahnite si fonty spolu so súborom .css. Oba nahrajte na svoj web a prepojte štýlový súbor alebo vložte pravidlo do vlastného.

Odpoveď

Ako previesť TTF do WOFF2 pre môj web?

Nahrajte súbor .ttf, nechajte začiarknuté Pridať CSS @font-face a stlačte Previesť na WOFF2. Dostanete súbor .woff2 a súbor .css s pravidlom @font-face, ktoré naň odkazuje.

Prečo je WOFF2 ten správny formát webového písma

TTF sú nekomprimované dáta tabuliek: obrysy, metriky, kerning, názvy. WOFF2, publikovaný ako odporúčanie W3C v roku 2018, zachováva presne tieto tabuľky, ale po predchádzajúcej reorganizácii obrysov glyfov, aby sa lepšie komprimovali, ich prežené cez Brotli, kompresný algoritmus, ktorý Google vydal v roku 2015. Vlastné testy Googlu zistili, že WOFF2 je v priemere zhruba o 30 % menší ako starší formát WOFF, a prehliadač po stiahnutí obnoví pôvodné dáta fontu, takže tvary písmen sa nijako nemenia.

Fonty blokujú vykresľovanie, preto ich veľkosť záleží viac, než naznačujú kilobajty. Kým webový font nepríde, prehliadač text buď skrýva, alebo zobrazuje náhradným fontom a neskorá výmena môže posunúť rozloženie. Menšie súbory toto okno skracujú a dve možnosti tu ho skracujú ešte viac: Ponechať znaky odstráni glyfy, ktoré vaše stránky nikdy nezobrazia, a Hinting nastavený na Remove vynechá inštrukcie, ktoré telefóny a displeje s vysokou hustotou aj tak ignorujú. TTF originály si nechajte na desktopové použitie; WOFF2 do TTF vie webový font neskôr rozbaliť, ale nevie obnoviť glyfy, ktoré redukcia odstránila.

Veľkosť súboru TTF vs. WOFF2

TTF, úplná znaková sada

100%

Nekomprimované tabuľky fontu, ako sa inštalujú na desktop

Typické pre textový font s viacerými písmami

WOFF2, podmnožina Basic Latin

často 10–25 %

Kompresia Brotli a menej glyfov; líši sa podľa fontu

Pravidlo @font-face pre font WOFF2

Ukážkové pravidlo; nahraďte názvy a vynechajte unicode-range, ak ste font nezredukovali

@font-face {
  font-family: "Brand Sans";
  src: url("/fonts/brand-sans-regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF;
}

Podpora WOFF2 v prehliadačoch podľa verzií

2014
Chrome 36
Prehliadač od Googlu ako prvý dekóduje WOFF2 predvolene.
2015
Firefox 39
Mozilla predvolene zapína dekódovanie WOFF2.
2016
Edge 14
Pôvodný Edge od Microsoftu pridáva WOFF2 s aktualizáciou Windows 10 Anniversary Update.
2018
Odporúčanie W3C
Špecifikácia je dokončená; dovtedy WOFF2 dekóduje aj Safari na macOS a iOS.

TTF

Písmo TrueType

TTF je formát písma TrueType, ktorý vyvinul Apple koncom 80. rokov a vydal v roku 1991, potom ho licencoval Microsoftu. Obrysy glyfov definuje kvadratickými krivkami a obsahuje inštrukcie hintingu, vďaka ktorým je text na obrazovke ostrý. TrueType podporuje každý desktopový operačný systém, textový procesor aj dizajnová aplikácia. Chýbajú mu niektoré pokročilé typografické funkcie OpenType a je väčší než webové formáty písiem.

Kompresia: Bezstratová
Priehľadnosť: –
Animácia: –
Rok vzniku: 1991 · Apple

Konvertor TTF

WOFF2

Web Open Font Format 2

WOFF2 je druhá verzia formátu Web Open Font Format, založená na kompresii Brotli od Googlu a v roku 2018 vydaná ako odporúčanie W3C. Súbory sú asi o 30 % menšie ako WOFF, čo zrýchľuje načítanie stránok. WOFF2 podporuje každý moderný prehliadač a je odporúčaným formátom webových písiem. Desktopové operačné systémy a dizajnové aplikácie ho priamo nenainštalujú.

Kompresia: Bezstratová
Priehľadnosť: –
Animácia: –
Rok vzniku: 2018 · W3C (Google)

Konvertor WOFF2

TTF do WOFF2 zabalí desktopový font do kontajnera s kompresiou Brotli, ktorý prehliadače uprednostňujú, takže rovnaké glyfy sa k návštevníkom dostanú v menšom počte bajtov; opačná stránka je pre ľudí, ktorí potrebujú nainštalovať font nájdený na webe.

Časté otázky o prevode TTF do WOFF2

Potrebujem popri WOFF2 ešte záložný TTF alebo WOFF?

Pre dnešné verejné weby zvyčajne nie. Chrome, Edge, Firefox a Safari čítajú WOFF2 už roky a pár prehliadačov, ktoré to nevedia, napríklad Internet Explorer 11, zriedka stojí za ďalší súbor. Výstup z TTF do WOFF pridajte ako druhý záznam src iba vtedy, ak vaša analytika ukazuje takýchto návštevníkov.

Prečo má môj font WOFF2 stále viac ako 100 KB?

Kompresia zmenšuje iba spôsob uloženia glyfov, nie ich počet. Font, ktorý pokrýva latinku, cyriliku, gréčtinu a vietnamčinu, ich obsahuje všetky. Až redukcia na písma, ktoré skutočne zobrazujete, zníži textový font na desiatky kilobajtov.

Čo robí font-display: swap?

Prehliadaču hovorí, aby text hneď zobrazil náhradným fontom a po načítaní ho vymenil za váš webový font, namiesto skrývania textu počas sťahovania. Pridajte ju do pravidla @font-face ako v príklade vyššie, alebo použite optional, ak sa na pomalom pripojení chcete vyhnúť neskorej výmene.

Môžem previesť TTF z Google Fonts do WOFF2 a hostovať ho sám?

Áno. Rodiny Google Fonts vychádzajú pod licenciou SIL Open Font License alebo Apache License, ktoré povoľujú konverziu aj vlastný hosting. Hosting súboru u seba zároveň ušetrí požiadavku na server tretej strany.

Funguje WOFF2 v e-mailových newsletteroch?

Len v niektorých klientoch. Apple Mail a iOS Mail načítavajú webové fonty cez @font-face, kým Gmail a väčšina verzií Outlooku ich ignoruje a zobrazí náhradný font. V zozname fontov e-mailu vždy uveďte bezpečný systémový font.

Konvertor TTF do WOFF2

Prevodník písiem

Ako používať tento nástroj

Nahrajte súbory TTF

Nechajte CSS zapnuté, ak sa dá, použite podmnožinu

Previesť do WOFF2