Převodník fontů
Udělejte z desktopového fontu webový, nebo z webového fontu zase takový, který si nainstalujete. Nahrajte TTF, OTF, WOFF, WOFF2 i starší formáty, zvolte cílový formát a případně zmenšete sadu znaků, aby se soubor na webu načítal rychleji.
Převodník písem
nebo sem přetáhněte soubory TTF, OTF, WOFF … ·
Max. 95 MB na soubor· Až 20 souborů· Smazáno po 30 minutách
Soubory se zpracovávají na našich serverech a po 30 minutách se smažou.
Odstraněním písem, která nepoužíváte, lze webové písmo zmenšit ze stovek KB na méně než 30 KB. Pro písma instalovaná do počítače ponechte všechny znaky.
Vložte text nebo znaky, které písmo musí pokrýt, např. slovo z loga nebo nadpis. Vše ostatní se odstraní.
Hinting zostřuje malý text na obrazovkách Windows. Jeho odstranění u webových písem často ušetří 10–30 %; automatický hinting ho přidá písmům, která ho nemají.
Nechte prázdné, aby zůstal původní. Přejmenování umožní nainstalovat převedené písmo vedle originálu bez konfliktu.
Např. Regular, Bold, Italic. Nechte prázdné, aby zůstal původní název stylu.
Jak nástroj používat
- 1
Přidejte soubory fontů
Nahrajte až 20 fontů, každý do 95 MB. V jedné dávce můžete kombinovat TTF, OTF, WOFF, WOFF2, EOT, fonty SVG, kolekce TTC, soubory Mac dfont a soubory Type 1 PFB/PFM/AFM.
- 2
Zvolte cílový formát
Volba Převést na je přednastavená na WOFF2, nejmenší formát pro weby. Pro instalaci fontu ve Windows nebo macOS zvolte TTF nebo OTF. V části Pokročilá nastavení můžete omezit sadu znaků, změnit Hinting, přejmenovat rodinu nebo zapnout Přiložit CSS s @font-face.
- 3
Převeďte a stáhněte
Klikněte na Převést na WOFF2 (popisek se řídí vaší volbou) a soubory uložte jednotlivě nebo jako ZIP. Nahrané fonty i výsledky se ze serveru smažou po 30 minutách.
Desktopové a webové fonty: TTF, OTF, WOFF a WOFF2
TrueType vznikl u Applu a v roce 1991 se objevil se System 7, o rok později ho Microsoft licencoval pro Windows 3.1. OpenType, který Microsoft a Adobe oznámily v roce 1996, ho rozšířil o obrysy PostScript a typografické funkce a dnes je vydáván také jako ISO/IEC 14496-22 Open Font Format. Vše, co dnes instalujete do počítače, je jeden z těchto dvou formátů uložený jako .ttf nebo .otf.
Webové fonty jsou tatáž data komprimovaná pro stahování. WOFF 1.0 se stal doporučením W3C v roce 2012 a každou tabulku fontu stlačuje pomocí zlib. WOFF2 následoval jako doporučení W3C v roce 2018: používá Brotli a předzpracování dat glyfů a podle měření Googlu je zhruba o 30 % menší než WOFF. WOFF2 čtou všechny aktuální verze Chrome, Edge, Firefoxu i Safari, proto s ním volba Převést na začíná.
Pokud máte WOFF2 z webu a potřebujete ho ve Wordu, Figmě nebo Photoshopu, jděte opačným směrem pomocí WOFF do TTF nebo WOFF2 do TTF. Pro web na vlastním hostingu je téměř vždy to pravé TTF do WOFF2.
| from ↓ · to → | TTF | OTF | WOFF | WOFF2 | EOT | SVG |
|---|---|---|---|---|---|---|
| TTF | TTF to TTF: yes | TTF to OTF: yes | TTF to WOFF: yes | TTF to WOFF2: yes | TTF to EOT: yes | TTF to SVG: yes |
| OTF | OTF to TTF: yes | OTF to OTF: yes | OTF to WOFF: yes | OTF to WOFF2: yes | OTF to EOT: yes | OTF to SVG: yes |
| WOFF | WOFF to TTF: yes | WOFF to OTF: yes | WOFF to WOFF: yes | WOFF to WOFF2: yes | WOFF to EOT: yes | WOFF to SVG: yes |
| WOFF2 | WOFF2 to TTF: yes | WOFF2 to OTF: yes | WOFF2 to WOFF: yes | WOFF2 to WOFF2: yes | WOFF2 to EOT: yes | WOFF2 to SVG: yes |
| EOT | EOT to TTF: yes | EOT to OTF: yes | EOT to WOFF: yes | EOT to WOFF2: yes | EOT to EOT: yes | EOT to SVG: yes |
| SVG | SVG to TTF: yes | SVG to OTF: yes | SVG to WOFF: yes | SVG to WOFF2: yes | SVG to EOT: yes | SVG to SVG: yes |
| TTC | TTC to TTF: yes | TTC to OTF: yes | TTC to WOFF: yes | TTC to WOFF2: yes | TTC to EOT: yes | TTC to SVG: yes |
| PFB | PFB to TTF: yes | PFB to OTF: yes | PFB to WOFF: yes | PFB to WOFF2: yes | PFB to EOT: yes | PFB to SVG: yes |
Podmnožina znaků, hinting a možnosti @font-face
| Nastavení | Možnosti | Co dělá | Kdy ho změnit |
|---|---|---|---|
| Zachovat znaky | Všechny znaky, Základní latinka, Latinka + diakritika, Cyrilice, Řečtina, Vietnamština, Jen znaky, které zadám | Smaže glyfy mimo zvolené písmo | Font je určen pro web, který používá jedno či dvě písma |
| Znaky k zachování | Volný text, až 5 000 znaků | Ponechá přesně vložená písmena | Logo, nadpis nebo číselný displej potřebuje jen hrstku glyfů |
| Zachovat ligatury a kerning | Zapnuto (výchozí) nebo vypnuto | Zachová ligatury fi/fl a kerningové dvojice pro zbývající písmena | Potřebujete ušetřit posledních pár KB a smíříte se s volnějším prostrkáním |
| Hinting | Ponechat, Odstranit, Automatický hinting | Zachová, odstraní nebo vygeneruje instrukce, které přichytávají obrysy k pixelové mřížce | Odstranit u webových fontů pro displeje s vysokou hustotou; Automatický hinting u fontů bez hintingu ve Windows |
| Přiložit CSS s @font-face | Zapnuto nebo vypnuto | Přidá soubor .css s hotovým pravidlem odkazujícím na font | Font vkládáte do webu ručně |
| Název rodiny / Název stylu | Každý nejvýše 63 znaků | Přepíše názvy uložené uvnitř fontu | Převedená kopie se musí nainstalovat vedle originálu |
Nejvíc na velikosti souboru ušetří omezení sady znaků. Rodina pokrývající latinku, řečtinu, cyrilici a vietnamštinu může obsahovat výrazně přes 1 000 glyfů, web jen v angličtině jich potřebuje méně než 100. Latinka + diakritika je bezpečná volba pro západní a středoevropské jazyky, protože přidává znaky jako é, ñ, ø a ł, které Základní latinka vynechá. Pro cokoli, co instalujete do počítače, ponechte Všechny znaky, protože chybějící glyf se později projeví jako prázdný čtvereček.
Hinting byl nejdůležitější na Windows s nízkým rozlišením. Na telefonech a displejích Retina má jen malý viditelný účinek, takže jeho odstranění u webového fontu obvykle ušetří 10 až 30 %. Výstup SVG ignoruje volby hintingu i omezení znaků, protože fonty SVG ukládají prosté obrysy cest. Možnost CSS je dostupná pro cíle WOFF, WOFF2, EOT a TTF.
Licence fontů před převodem
- Převádějte jen fonty, které smíte používat. V licenční smlouvě (EULA) přiložené k fontu hledejte slova „web“, „embedding“ nebo „self-hosting“.
- Desktopová licence jen zřídka pokrývá umístění fontu na veřejný web, protože webový font si může stáhnout každý návštěvník.
- Fonty se SIL Open Font License lze volně převádět a nasazovat, ale font s vyhrazeným názvem (Reserved Font Name) po úpravě nesmí tento název dál nést a podle OFL FAQ se za úpravu považuje i omezení sady znaků. K přejmenování vyplňte Název rodiny.
- Fonty dodávané s Windows nebo macOS jsou licencovány pro použití v daném systému, ne pro šíření jako webové fonty.
- Originální soubor si ponechte. Převodník vaše nahrání nikdy neupravuje, ale přejmenovaná nebo zmenšená kopie nenahrazuje licencovaný originál.
Jak převedený font nainstalovat a načíst na webu
| Ano | Ne |
|---|---|
| Zvolte Latinka + diakritika, potřebné písmo nebo Všechny znaky, když se písmena zobrazují jako čtverečky; u Jen znaky, které zadám zahrňte i interpunkci a číslice | Neinstalujte soubor WOFF, WOFF2 nebo SVG dvojitým kliknutím; Windows ohlásí, že nejde o platný font |
| Pro font instalovaný ve Windows převádějte na TTF nebo OTF, jiné formáty instalátor systému nepřijímá | Neponechávejte původní interní název rodiny u upravené kopie, jinak v nabídce fontů nahradí originál |
| Nastavte Název rodiny třeba na „Inter Web“, aby se převedená kopie nainstalovala vedle originálu | Neodstraňujte hinting u fontu, který se bude číst v malých velikostech na starém počítači s Windows |
| Použijte Ponechat u fontů s kvalitním ručním hintingem a Automatický hinting u fontů, které ho nikdy neměly | Neservírujte webový font z jiného původu bez hlavičky CORS; prohlížeč ho stáhne a pak ho ignoruje |
Cestu src a format("woff2") v pravidle @font-face přizpůsobte souboru, který nahráváte |
Otázky k převodníku fontů
Smím legálně převést font, který jsem si koupil?
Převod souboru je technická záležitost, o tom, co smíte s výsledkem dělat, rozhoduje licence. Mnoho desktopových licencí povoluje instalaci na určitý počet počítačů, ale ne nasazení fontu na webu, k čemuž je obvykle potřeba samostatná licence pro webfonty. Fonty pod licencí SIL Open Font License, například většinu fontů z Google Fonts, lze převádět a hostovat na vlastním serveru.
Jaký je rozdíl mezi TTF a OTF?
TTF obsahuje obrysy TrueType kreslené kvadratickými křivkami, OTF obvykle obrysy PostScript (CFF) kreslené kubickými křivkami. Ve Windows i macOS se instalují stejně a oba mohou obsahovat funkce OpenType, například ligatury. Při převodu mezi nimi se křivky překreslí, což je při běžných velikostech nepostřehnutelné.
Ztrácí font při převodu do WOFF2 kvalitu?
Ne. WOFF2 je komprimovaný obal kolem týchž dat TrueType nebo OpenType a prohlížeče ho rozbalí zpět na původní obrysy. Glyfy, kerning i funkce zůstávají stejné, zmenší se jen stahovaná velikost.
Mohu si soubor WOFF nebo WOFF2 nainstalovat do počítače?
Windows a macOS WOFF ani WOFF2 přímo neinstalují. Nejprve ho převeďte do TTF nebo OTF pomocí nástroje WOFF2 do TTF a výsledek pak nainstalujte dvojitým kliknutím.
Potřebuji pro web ještě fonty EOT nebo SVG?
Jen pro velmi staré prohlížeče. EOT potřeboval Internet Explorer 6 až 8, IE 9 už četl WOFF. Fonty SVG Chrome odstranil v roce 2014 a Firefox je nikdy nepodporoval, takže moderní pravidlo @font-face si vystačí se samotným WOFF2, případně s WOFF jako volitelnou zálohou.
Proč má převedený webový font pořád několik set KB?
Font stále obsahuje všechna písma, pro která vznikl: celoevropská rodina může nést latinku, řečtinu, cyrilici i vietnamské glyfy, které nikdy nezobrazíte. Nastavte Zachovat znaky na písma, která vaše stránky používají, a Hinting na Odstranit. Dohromady často zmenší soubor o více než polovinu.
Lze převést variabilní font?
Ano. Při převodu variabilního TTF do WOFF2 zůstanou zachovány jeho osy, takže jediný soubor stále pokrývá všechny tloušťky. Omezení sady znaků osy také zachová, zmizí jen odstraněné znaky.
Všechny nástroje Převodník fontů
Vyberte přesně ten cíl, který po vás někdo chtěl. Každá stránka níže je stejný nástroj s jinými výchozími hodnotami.
- Převodník OTF do TTFPřeveďte fonty OpenType OTF do TrueType TTF pro aplikace, které znají jen TTF. Co se stane s kubickými křivkami a hinty a kdy použít auto-hinting.
- Převodník TTF do OTFPřeveďte fonty TrueType TTF do OpenType OTF s obrysy CFF. Kvadratické křivky se převedou přesně na kubické. Co se stane s hintingem a funkcemi?
- Převodník TTF do SVGPřeveďte font TrueType do SVG fontu s glyfy jako cestami SVG pro nástroje ikonových fontů, Inkscape a starší webfont sady. Nejdřív poznejte rozdíl.
- Převod TTF do WOFFZabalte fonty TrueType do WOFF 1.0 pro Internet Explorer 9–11, starší čtečky e-knih a starší šablony CMS. Kdy se záložní WOFF ještě vyplatí.
- Převodník TTF do WOFF2Převeďte fonty TTF na webové fonty WOFF2 (Brotli) s hotovým pravidlem @font-face. Podmnožina znaků (latinka či vlastní) soubor dál zmenší.
- Převodník WOFF do OTFPřeveďte webové fonty WOFF do OpenType OTF. WOFF s CFF se rozbalí přesně, varianta TrueType se přepíše kubickými křivkami. Zjistěte, kterou máte.
- Převodník WOFF do TTFDekomprimujte webové fonty WOFF 1.0 na instalovatelné soubory TrueType TTF ze starých sad, záloh webů nebo ikonových fontů. Až 20 fontů najednou.
- Převodník WOFF2 do TTFPřeveďte webové fonty WOFF2 na soubory TrueType TTF pro Windows, macOS, Word i Figmu. Zjistěte, proč některým fontům chybí písmena.