Konvertor TTF na SVG

Táto stránka prevedie písmo TrueType na SVG font: jeden súbor XML, v ktorom je každý znak prvkom <glyph> s obrysom zapísaným ako dáta ciest SVG. Hodí sa to pre nástroje na ikonové fonty a editory písiem, no nie je to to isté ako obrázok vášho textu.

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úbor TTF
Pridajte jeden alebo viac súborov .ttf, najviac 20 v jednej dávke a každý do 95 MB. Fungujú ikonové aj textové fonty.
2
Ako výstup ponechajte SVG font
Možnosť Previesť na je nastavená na SVG font. Hinting sa na výstup SVG nevzťahuje, preto možnosť zmizne; pole Názov rodiny v časti Rozšírené nastavenia stále premenuje font.
3
Preveďte na SVG
Stlačte Previesť na SVG a stiahnite súbor .svg. Otvorte ho v textovom editore, v Inkscape alebo vo FontForge a získate prístup k cestám glyfov.

SVG font verzus obrázok textu v SVG

Keď hľadáte TTF do SVG, nájdete dva rôzne ciele zmiešané dokopy. Jedným je SVG font: formát fontu definovaný v odporúčaní W3C SVG 1.0 z roku 2001, v ktorom prvok <font> obsahuje pre každý znak prvok <glyph> s hodnotou Unicode, šírkou kroku a obrysom ako cestou. Druhým je SVG obrázok nejakého textu, teda písmen loga alebo mena, ktoré sú už zložené do riadku a uložené ako tvary. Tento konvertor vytvára prvý druh. Ak máte namiesto fontu obrázok loga, PNG do SVG ho namiesto toho vektorizuje do ciest.

Prevod obrysu TrueType na dáta cesty SVG nestráca nič z tvaru. Cesty SVG podporujú tie isté kvadratické krivky, aké používa TrueType, takže každý obrys sa zapíše tak, ako je. Neprežije všetko okolo obrysov: inštrukcie hintingu, funkcie OpenType nad rámec jednoduchého kerningu a binárne tabuľky, ktoré operačné systémy potrebujú na inštaláciu fontu. SVG font sa nedá nainštalovať vo Windows ani v macOS.

Ako vyzerá súbor SVG fontu

Skrátená ukážka značenia v SVG fonte

<svg xmlns="http://www.w3.org/2000/svg">
  <defs>
    <font id="FiremnePismo" horiz-adv-x="1229">
      <font-face font-family="Firemné písmo" units-per-em="2048" ascent="1638" descent="-410" />
      <glyph unicode="L" glyph-name="L" horiz-adv-x="1100" d="M180 0V1456H360V160H1040V0Z" />
    </font>
  </defs>
</svg>

Čo vytvára táto stránka: jeden súbor, jeden <glyph> na znak, v jednotkách fontu s osou y smerujúcou nahor.

Otvorí sa vo FontForge, Inkscape a v nástrojoch na ikonové fonty
Nedá sa nainštalovať do počítača
Aktuálne Chrome, Edge ani Firefox ho nenačítajú

Bežný OTF alebo TTF s ďalšou tabuľkou SVG, ktorá obsahuje farebné, vrstvené glyfy.

Inštaluje sa ako každý iný font
Používa sa pre emoji a viacfarebné písmo
Podpora sa líši podľa aplikácie a prehliadača

Odkiaľ SVG fonty prišli a kam zmizli

SVG 1.0 definuje prvok font: 2001
posledný Safari v iPhone, ktorý potreboval SVG webfonty: iOS 4.1
odstraňuje SVG fonty v roku 2014: Chrome 38
vypúšťa kapitolu o fontoch: SVG 2

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

SVG

Scalable Vector Graphics

SVG je vektorový formát založený na XML, ktorý v roku 2001 štandardizovalo W3C. Namiesto pixelov opisuje tvary, cesty a text, takže je ostrý v každej veľkosti a pri logách a ikonách býva drobný. Podporuje priehľadnosť, štýlovanie CSS, skriptovanie a animáciu a každý prehliadač ho vykresľuje natívne. SVG nie je vhodný pre fotografie a zložité ilustrácie sa môžu vykresľovať pomaly. Otvoria a upravia ho Illustrator, Inkscape, Figma a prehliadače.

Kompresia: –
Priehľadnosť: Áno
Animácia: Áno
Rok vzniku: 2001 · W3C

Konvertor SVG

TTF do SVG zapíše obrys každého glyfu ako upraviteľné dáta cesty SVG v SVG fonte, ktoré používajú nástroje na ikonové fonty, editory fontov a staré sady webfontov; nie je to spôsob, ako načítať fonty na moderných webových stránkach.

Časté otázky o prevode TTF na SVG

Dá sa SVG font dnes použiť v CSS @font-face?

Vo väčšine prehliadačov nie. Chrome odstránil podporu SVG fontov vo verzii 38 v roku 2014 a Firefox ani Internet Explorer ju nikdy nepridali. Pre web radšej skonvertujte TTF cez TTF do WOFF2.

Prečo sú glyfy po vložení do kresby hore nohami?

SVG fonty používajú vlastný súradnicový systém fontu, v ktorom os y smeruje nahor od základnej čiary, kým bežné SVG kresby počítajú y nadol od vrchu. Otočte cestu zvislo, napríklad transformáciou scale(1,-1), a zobrazí sa správne.

Ako previesť text na cesty SVG pre Cricut alebo laserovú rezačku?

Nainštalujte TTF, napíšte text v Inkscape alebo Illustratore a skonvertujte ho na krivky: v Inkscape Cesta › Objekt na cestu, v Illustratore Text › Vytvoriť obrysy. Uložte ako SVG. SVG font obsahuje každé písmeno zvlášť a nie je zostavený do slov.

Zachovávajú SVG fonty kerning a ligatúry?

Len čiastočne. Formát SVG fontu dokáže uložiť kerningové páry prvkami hkern a glyfy z viacerých znakov, ale nemá ekvivalent tabuliek funkcií OpenType, ako sú kapitálky, alternatívy alebo kontextové pravidlá. Ak ich potrebujete, ponechajte si TTF.

Je výstup v podobe SVG fontu užitočný pre ikonové fonty?

Áno, dnes je to jeho hlavné využitie. Nástroje na ikonové fonty, napríklad IcoMoon, importujú SVG fonty, takže môžete vybrať ikony zo starého ikonového fontu, upraviť ich a vytvoriť novú sadu alebo exportovať každú ikonu ako samostatné SVG.