Convertor TTF în SVG

Această pagină transformă un font TrueType într-un font SVG: un singur fișier XML în care fiecare caracter este un element <glyph>, cu conturul scris ca date de traseu SVG. Formatul este util pentru instrumentele de fonturi cu pictograme și pentru editoarele de fonturi, dar nu este același lucru cu o imagine a textului dumneavoastră.

sau trage Fișiere TTF, OTF, WOFF … aici ·

Maximum 95 MB per fișier· Până la 20 fișiere· Șterse după 30 minute

Rezultat

Convertește în

Fișierele sunt procesate pe serverele noastre și șterse după 30 minute.

Cum se folosește acest instrument

1
Încărcați fișierul TTF
Adăugați unul sau mai multe fișiere .ttf, până la 20 per lot și 95 MB fiecare. Funcționează atât fonturile de pictograme, cât și cele de text.
2
Păstrați fontul SVG ca format de ieșire
Convertește în este setat pe font SVG. Hinting-ul nu se aplică la ieșirea SVG, deci opțiunea dispare; Numele familiei din Setări avansate redenumește în continuare fontul.
3
Convertește în SVG
Apăsați Convertește în SVG → și descărcați fișierul .svg. Deschideți-l într-un editor de text, în Inkscape sau în FontForge pentru a ajunge la conturele glifelor.

Font SVG vs imagine SVG a textului

Dacă 'ți căutați TTF în SVG, veți găsi două scopuri diferite amestecate. Unul este un font SVG: formatul de font definit în Recomandarea SVG 1.0 a W3C din 2001, în care un element <font> conține câte un <glyph> pentru fiecare caracter, cu valoare Unicode, lățime de avans și conturul ca cale. Celălalt este o imagine SVG a unui text, literele unui logo sau ale unui nume deja așezate pe un rând și salvate ca forme. Acest convertor produce primul tip. Dacă aveți o imagine de logo, nu un font, PNG în SVG o trasează în contururi.

Convertirea unui contur TrueType în date de cale SVG nu pierde nimic din formă. Căile SVG acceptă aceleași curbe pătratice folosite de TrueType, deci fiecare contur este scris ca atare. Nu se păstrează tot ce înconjoară conturele: instrucțiunile de hinting, funcțiile OpenType dincolo de kerningul simplu și tabelele binare de care au nevoie sistemele de operare pentru a instala un font. Un font SVG nu poate fi instalat pe Windows sau macOS.

Cum arată un fișier de font SVG

Exemplu scurtat de cod dintr-un font SVG

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

Ce produce această pagină: un fișier, câte un <glyph> pentru fiecare caracter, în unități de font, cu axa y orientată în sus.

Se deschide în FontForge, Inkscape și instrumente pentru fonturi de pictograme
Nu se poate instala pe computer
Nu este încărcat de Chrome, Edge sau Firefox actuale

Un OTF sau TTF obișnuit, cu un tabel SVG suplimentar care conține glife colorate, pe straturi.

Se instalează ca orice font
Folosit pentru emoji și litere multicolore
Suportul diferă în funcție de aplicație și browser

De unde au apărut fonturile SVG și ce s-a ales de ele

SVG 1.0 definește elementul font: 2001
ultimul Safari pe iPhone care avea nevoie de fonturi web SVG: iOS 4.1
elimină fonturile SVG în 2014: Chrome 38
elimină capitolul despre fonturi: SVG 2

TTF

Font TrueType

TTF este formatul de fonturi TrueType dezvoltat de Apple la sfârșitul anilor 1980 și lansat în 1991, apoi licențiat către Microsoft. Definește contururile glifelor cu curbe pătratice și include instrucțiuni de hinting care fac textul clar pe ecran. TrueType este acceptat de toate sistemele de operare desktop, procesoarele de text și aplicațiile de design. Îi lipsesc unele funcții tipografice avansate din OpenType și este mai mare decât formatele de fonturi web.

Compresie: Fără pierderi
Transparență: –
Animație: –
Introdus în: 1991 · Apple

Convertor TTF

SVG

Scalable Vector Graphics

SVG este un format vectorial bazat pe XML, standardizat de W3C în 2001. În loc de pixeli descrie forme, trasee și text, așa că rămâne clar la orice dimensiune și este de obicei foarte mic pentru sigle și pictograme. Acceptă transparență, stilizare CSS, scripting și animație, iar toate browserele îl redau nativ. SVG nu este potrivit pentru fotografii, iar ilustrațiile complexe pot deveni lente la randare. Illustrator, Inkscape, Figma și browserele îl pot deschide și edita.

Compresie: –
Transparență: Da
Animație: Da
Introdus în: 2001 · W3C

Convertor SVG

TTF în SVG scrie conturul fiecărui glif ca date de cale SVG editabile, într-un font SVG folosit de instrumente pentru fonturi de pictograme, editoare de fonturi și kituri vechi de webfonturi; nu este o metodă de a încărca fonturi în paginile web moderne.

Întrebări frecvente despre TTF în SVG

Pot folosi astăzi un font SVG în CSS @font-face?

Nu în majoritatea browserelor. Chrome a eliminat suportul pentru fonturi SVG în versiunea 38, în 2014, iar Firefox și Internet Explorer nu l-au adăugat niciodată. Pentru un site web, convertiți în schimb TTF cu TTF în WOFF2.

De ce apar glifele cu susul în jos când le lipesc într-un desen?

Fonturile SVG folosesc sistemul de coordonate propriu al fontului, în care axa y urcă de la linia de bază, în timp ce desenele SVG obișnuite numără y în jos, de sus. Răsturnați conturul pe verticală, de exemplu cu o transformare scale(1,-1), și se citește corect.

Cum transform textul în trasee SVG pentru Cricut sau pentru o mașină de tăiat cu laser?

Instalați TTF-ul, scrieți textul în Inkscape sau Illustrator și convertiți-l în contururi: Path › Object to Path în Inkscape, Type › Create Outlines în Illustrator. Salvați apoi ca SVG. Un font SVG conține fiecare literă separat și nu este așezat în cuvinte.

Fonturile SVG păstrează kerningul și ligaturile?

Doar parțial. Formatul font SVG poate stoca perechi de kerning cu elemente hkern și glife cu mai multe caractere, dar nu are echivalent pentru tabelele de funcții OpenType, precum majuscule mici, alternative sau reguli contextuale. Păstrați TTF-ul dacă aveți nevoie de ele.

Este util un font SVG pentru fonturile de pictograme?

Da, aceasta este utilizarea principală astăzi. Instrumente pentru fonturi de pictograme, precum IcoMoon, importă fonturi SVG, astfel încât puteți extrage pictograme dintr-un font vechi, le puteți edita și crea un set nou sau exporta fiecare pictogramă ca SVG separat.