TTF í SVG breytir

Á þessari síðu er TrueType-letri breytt í SVG-letur: eina XML-skrá þar sem hvert stafatákn er <glyph>-stak og útlína þess er skráð sem SVG-slóðagögn. Það nýtist í táknleturstólum og leturritlum, en það er ekki það sama og mynd af textanum þínum.

eða slepptu TTF, OTF, WOFF … skrár hér ·

Að hámarki 95 MB á skrá· Allt að 20 skrár· Eytt eftir 30 mínútur

Úttak

Umbreyta í

Skrár eru unnar á þjónum okkar og eytt eftir 30 mínútur.

Hvernig á að nota tólið

1
Hladdu upp TTF-skránni
Bættu við einni eða fleiri .ttf skrám, allt að 20 í hverri lotu og 95 MB hver. Bæði táknaletur og textaletur virka.
2
Haltu SVG-letri sem úttakssniði
Umbreyta í er stillt á SVG-letur. Hinting á ekki við um SVG-úttak, því hverfur valkosturinn; Heiti leturfjölskyldu undir Ítarlegar stillingar endurnefnir leturgerðina áfram.
3
Umbreyta í SVG
Ýttu á Umbreyta í SVG og sæktu .svg skrána. Opnaðu hana í textaritli, Inkscape eða FontForge til að komast í ferla stafanna.

SVG-letur eða SVG-mynd af texta

Þegar leitað er að TTF í SVG blandast saman tvö ólík markmið. Annað er SVG-letur: leturssniðið sem skilgreint er í SVG 1.0 tilmælum W3C frá 2001, þar sem <font> eining inniheldur <glyph> fyrir hvern staf með Unicode-gildi, framsækinni breidd og útlínum sem ferli. Hitt er SVG-mynd af texta, stöfum í lógói eða nafni sem þegar er sett í línu og vistað sem form. Þessi breytir býr til fyrri gerðina. Ef þú ert með lógómynd en ekki letur, rekur PNG í SVG hana í ferla í staðinn.

Umbreyting TrueType-útlína í SVG-ferilgögn tapar engu í lögun. SVG-ferlar styðja sömu annars stigs ferla og TrueType notar, svo hver útlína er skrifuð eins og hún er. Það sem varðveitist ekki er allt í kringum útlínurnar: hinting-skipanir, OpenType-eiginleikar umfram einfalt stafabil og tvíundartöflurnar sem stýrikerfi þurfa til að setja upp letur. Ekki er hægt að setja SVG-letur upp á Windows eða macOS.

Hvernig SVG-leturskrá lítur út

Stytt dæmi um kóða í SVG-letri

<svg xmlns="http://www.w3.org/2000/svg">
  <defs>
    <font id="BrandSans" horiz-adv-x="1229">
      <font-face font-family="Vörumerki 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>

Það sem þessi síða býr til: ein skrá, eitt <glyph> fyrir hvern staf, í leturseiningum þar sem y-ásinn vísar upp.

Opnast í FontForge, Inkscape og tólum fyrir táknaletur
Ekki hægt að setja upp á tölvu
Ekki hlaðið af núverandi Chrome, Edge eða Firefox

Venjulegt OTF eða TTF með aukalegri SVG töflu sem geymir lituð, lagskipt tákn.

Sett upp eins og hvert annað letur
Notað fyrir emoji og marglitt letur
Stuðningur er breytilegur eftir forriti og vafra

Uppruni SVG-leturs og hvað varð um það

SVG 1.0 skilgreinir font-eininguna: 2001
síðasti iPhone Safari sem þurfti SVG-vefletur: iOS 4.1
fjarlægir SVG-letur árið 2014: Chrome 38
sleppir leturkaflanum: SVG 2

TTF

TrueType letur

TTF er TrueType-leturssniðið sem Apple þróaði seint á níunda áratugnum og gaf út 1991 og veitti síðan Microsoft leyfi fyrir. Það skilgreinir útlínur stafa með annars stigs ferlum og inniheldur „hinting“-skipanir sem gera texta skarpan á skjá. Öll skjáborðsstýrikerfi, ritvinnsluforrit og hönnunarforrit styðja TrueType. Það vantar suma háþróaða letureiginleika OpenType og það er stærra en vefleturssnið.

Þjöppun: Án taps
Gegnsæi: –
Hreyfimynd: –
Kom fram: 1991 · Apple

TTF umbreytir

SVG

Scalable Vector Graphics

SVG er XML-byggt vektorsnið sem W3C staðlaði árið 2001. Í stað depla lýsir það formum, ferlum og texta, svo það helst skarpt í hvaða stærð sem er og er yfirleitt örlítið fyrir merki og tákn. Það styður gegnsæi, CSS-stílun, skriftun og hreyfimyndir og allir vafrar birta það innbyggt. SVG hentar ekki fyrir ljósmyndir og flóknar myndskreytingar geta orðið seinvirkar í birtingu. Illustrator, Inkscape, Figma og vafrar geta opnað og breytt því.

Þjöppun: –
Gegnsæi: Já
Hreyfimynd: Já
Kom fram: 2001 · W3C

SVG umbreytir

TTF í SVG skrifar útlínur hvers stafs sem breytanleg SVG-ferilgögn í SVG-letri, sem tól fyrir táknaletur, leturritlar og gömul vefleturspakkar nota; það er ekki leið til að hlaða letri á nútímalegum vefsíðum.

Algengar spurningar um TTF í SVG

Get ég notað SVG-letur í CSS @font-face í dag?

Ekki í flestum vöfrum. Chrome fjarlægði stuðning við SVG-letur í útgáfu 38 árið 2014 og Firefox og Internet Explorer bættu honum aldrei við. Fyrir vefsíðu skaltu frekar umbreyta TTF með TTF í WOFF2.

Af hverju snúa stafatáknin á hvolf þegar ég lími þau inn í teikningu?

SVG-letur notar eigið hnitakerfi leturs þar sem y-ásinn vísar upp frá grunnlínu, en venjulegar SVG-teikningar telja y niður frá toppnum. Speglaðu ferilinn lóðrétt, til dæmis með scale(1,-1) umbreytingu, og hann snýr rétt.

Hvernig breyti ég texta í SVG-slóðir fyrir Cricut eða laserskera?

Settu TTF-letrið upp, skrifaðu orðin í Inkscape eða Illustrator og umbreyttu textanum í útlínur: Path › Object to Path í Inkscape, Type › Create Outlines í Illustrator. Vistaðu það sem SVG. SVG-letur geymir hvern staf fyrir sig og er ekki sett upp sem orð.

Halda SVG-letur bilstillingu (kerning) og samsettum stöfum?

Aðeins að hluta. SVG-leturssniðið getur geymt stafabilspör með hkern einingum og tákn úr mörgum stöfum, en hefur ekkert sambærilegt við OpenType-eiginleikatöflur eins og smástafi, afbrigði eða samhengisreglur. Haltu TTF-skránni ef þú þarft á þeim að halda.

Er SVG-letur gagnlegt fyrir táknletur?

Já, það er helsta notkunin í dag. Tól fyrir táknaletur eins og IcoMoon flytja inn SVG-letur, sem gerir þér kleift að ná táknum úr gömlu táknaletri, breyta þeim og búa til nýtt safn eða flytja hvert tákn út sem sérstaka SVG-skrá.