UltKit

Pretvornik TTF v SVG

Ta stran pretvori pisavo TrueType v pisavo SVG: eno datoteko XML, v kateri je vsak znak element <glyph>, njegov obris pa je zapisan kot podatki poti SVG. To je uporabno za orodja za pisave z ikonami in urejevalnike pisav, ni pa isto kot slika vašega besedila.

Pretvornik pisav

ali spustite datoteke TTF, OTF, WOFF … sem ·

Največ 95 MB na datoteko· Do 20 datotek· Izbrisano po 30 minutah

Izhod

Datoteke se obdelajo na naših strežnikih in izbrišejo po 30 minutah.

Kako uporabljati to orodje

  1. 1

    Naložite datoteko TTF

    Dodajte eno ali več datotek .ttf, do 20 na serijo in vsaka do 95 MB. Delujejo ikonske pisave in besedilne pisave.

  2. 2

    Kot izhod pustite pisavo SVG

    Pretvori v je nastavljeno na SVG pisavo. Namigovanje (hinting) za izhod SVG ne velja, zato možnost izgine; Ime družine pod Napredne nastavitve še vedno preimenuje pisavo.

  3. 3

    Pretvorite v SVG

    Pritisnite Pretvori v SVG in prenesite datoteko .svg. Odprite jo v urejevalniku besedila, Inkscapu ali FontForgeu, da pridete do poti glifov.

Pisava SVG ali slika besedila v SVG

Če iščete TTF v SVG, najdete dva različna cilja, pomešana skupaj. Prvi je SVG pisava: format pisave, opredeljen v priporočilu W3C SVG 1.0 iz leta 2001, kjer element <font> vsebuje <glyph> za vsak znak z vrednostjo Unicode, širino pomika in obrisom kot potjo. Drugi je SVG slika nekega besedila, črk logotipa ali imena, ki je že postavljeno v vrstico in shranjeno kot oblike. Ta pretvornik ustvari prvo vrsto. Če imate namesto pisave sliko logotipa, jo PNG v SVG raje preriše v poti.

Pretvorba obrisa TrueType v podatke poti SVG ne izgubi nič oblike. Poti SVG podpirajo iste kvadratne krivulje kot TrueType, zato je vsaka kontura zapisana takšna, kot je. Ne preživi pa vse okoli obrisov: navodila za namigovanje, funkcije OpenType poleg preprostega kerninga in dvojiške tabele, ki jih operacijski sistemi potrebujejo za namestitev pisave. SVG pisave ni mogoče namestiti v Windows ali macOS.

Kako je videti datoteka pisave SVG

Skrajšan primer označevanja v SVG pisavi
<svg xmlns="http://www.w3.org/2000/svg">
  <defs>
    <font id="BrandSans" horiz-adv-x="1229">
      <font-face font-family="Brand Sans" units-per-em="2048" ascent="1638" descent="-410" />
      <!-- en glif: črka L -->
      <glyph unicode="L" glyph-name="L" horiz-adv-x="1100" d="M180 0V1456H360V160H1040V0Z" />
    </font>
  </defs>
</svg>

Kar ustvari ta stran: ena datoteka, en <glyph> na znak, v enotah pisave z osjo y navzgor.

  • Odpre se v FontForgeu, Inkscapu in orodjih za ikonske pisave
  • Je ni mogoče namestiti v računalnik
  • je trenutni Chrome, Edge ali Firefox ne naložijo

Od kod so prišle pisave SVG in kam so izginile

SVG 1.0 opredeli element font
2001
zadnji Safari v iPhonu, ki je potreboval SVG spletne pisave
iOS 4.1
leta 2014 odstrani SVG pisave
Chrome 38
opusti poglavje o pisavah
SVG 2

TTF

Pisava TrueType

TTF je format pisav TrueType, ki ga je konec osemdesetih let razvil Apple, izšel je leta 1991, nato pa ga je licenciral Microsoftu. Obrise znakov opisuje s kvadratnimi krivuljami in vsebuje navodila za hinting, zaradi katerih je besedilo na zaslonih ostro. TrueType podpirajo vsi namizni operacijski sistemi, urejevalniki besedil in oblikovalske aplikacije. Nima nekaterih naprednih tipografskih funkcij formata OpenType in je večji od spletnih formatov pisav.

Stiskanje
Brez izgube kakovosti
Prosojnost
–
Animacija
–
Uvedeno
1991 · Apple
Pretvornik TTF

SVG

Scalable Vector Graphics

SVG je vektorska oblika na osnovi XML, ki jo je W3C standardiziral leta 2001. Namesto pikslov opisuje oblike, poti in besedilo, zato ostane ostra pri vsaki velikosti, za logotipe in ikone pa je običajno majhna. Podpira prosojnost, slogovanje CSS, skripte in animacijo, vsak brskalnik pa jo prikaže izvorno. SVG ni primeren za fotografije, zapletene ilustracije pa se lahko počasi izrisujejo. Odprejo in urejajo ga lahko Illustrator, Inkscape, Figma in brskalniki.

Stiskanje
–
Prosojnost
Da
Animacija
Da
Uvedeno
2001 · W3C
Pretvornik SVG

TTF v SVG zapiše obris vsakega glifa kot gradnike poti SVG, ki jih je mogoče urejati, znotraj SVG pisave, ki jo uporabljajo orodja za ikonske pisave, urejevalniki pisav in stari kompleti spletnih pisav; ni način za nalaganje pisav na sodobnih spletnih straneh.

Pogosta vprašanja o pretvorbi TTF v SVG

Ali lahko pisavo SVG danes uporabim v CSS @font-face?

V večini brskalnikov ne. Chrome je podporo za SVG pisave odstranil v različici 38 leta 2014, Firefox in Internet Explorer je nista nikoli dodala. Za spletno stran raje pretvorite TTF z orodjem TTF v WOFF2.

Zakaj so znaki obrnjeni na glavo, ko jih prilepim v risbo?

SVG pisave uporabljajo lasten koordinatni sistem pisave, kjer os y kaže navzgor od osnovne črte, medtem ko običajne SVG risbe štejejo y navzdol od vrha. Pot navpično prezrcalite, na primer s transformacijo scale(1,-1), in bo prikazana pravilno.

Kako pretvorim besedilo v poti SVG za Cricut ali laserski rezalnik?

Namestite TTF, v Inkscapu ali Illustratorju vnesite besede in besedilo pretvorite v obrise: Path › Object to Path v Inkscapu, Type › Create Outlines v Illustratorju. Shranite kot SVG. SVG pisava hrani vsako črko posebej in ni oblikovana kot besede.

Ali pisave SVG ohranijo spodsekavanje in ligature?

Le delno. Format SVG pisave lahko shrani pare kerninga z elementi hkern in glife z več znaki, nima pa ustreznika tabelam funkcij OpenType, kot so male velike črke, alternative ali kontekstna pravila. Če jih potrebujete, obdržite TTF.

Ali je izhod v pisavi SVG uporaben za pisave z ikonami?

Da, danes je to njena glavna raba. Orodja za ikonske pisave, kot je IcoMoon, uvozijo SVG pisave, tako da lahko iz stare ikonske pisave izvlečete ikone, jih uredite in sestavite nov komplet ali izvozite vsako ikono kot samostojen SVG.