TTF na SVG-omskakelaar

Hierdie bladsy skakel 'n TrueType-lettertipe om na 'n SVG-lettertipe: een XML-lêer waarin elke karakter 'n <glyph>-element is, met sy buitelyn as SVG-padata geskryf. Dit is nuttig vir ikoonfont-gereedskap en lettertipe-redigeerders, maar dit is nie dieselfde as 'n prent van jou teks nie.

of los TTF, OTF, WOFF …-lêers hier ·

Maks. 95 MB per lêer· Tot 20 lêers· Uitgevee na 30 minute

Uitvoer

Skakel om na

Lêers word op ons bedieners verwerk en na 30 minute uitgevee.

Hoe om hierdie nutsding te gebruik

1
Laai die TTF op
Voeg een of meer .ttf-lêers by, tot 20 per bondel en 95 MB elk. Ikoonlettertipes en teksletterstipes werk albei.
2
Behou SVG-lettertipe as die uitvoer
Skakel om na is op SVG-lettertipe gestel. Hinting is nie op SVG-uitvoer van toepassing nie, so die opsie verdwyn; Familienaam onder Gevorderde instellings hernoem steeds die lettertipe.
3
Skakel om na SVG
Druk Skakel om na SVG en laai die .svg-lêer af. Maak dit oop in 'n teksredigeerder, Inkscape of FontForge om by die glifpaaie uit te kom.

SVG-lettertipe teenoor SVG-beeld van teks

Soek na TTF na SVG en jy vind twee verskillende doelwitte deurmekaar. Een is 'n SVG-lettertipe: die lettertipeformaat wat in die W3C se SVG 1.0-aanbeveling van 2001 omskryf is, waar 'n <font>-element vir elke karakter 'n <glyph> bevat met 'n Unicode-waarde, 'n vooruitgangswydte en die buitelyn as 'n pad. Die ander is 'n SVG-prent van 'n teks, die letters van 'n logo of 'n naam wat reeds in 'n reël gesit en as vorms gestoor is. Hierdie omskakelaar maak die eerste soort. As jy 'n logo-beeld eerder as 'n lettertipe het, trek PNG na SVG dit na paaie.

Om 'n TrueType-buitelyn na SVG-paddata om te skakel verloor niks aan vorm nie. SVG-paaie ondersteun dieselfde kwadratiese krommes wat TrueType gebruik, so elke kontoer word soos dit is geskryf. Wat nie bewaar word nie, is alles om die buitelyne: hinting-instruksies, OpenType-kenmerke buiten eenvoudige kerning, en die binêre tabelle wat bedryfstelsels nodig het om 'n lettertipe te installeer. 'n SVG-lettertipe kan nie op Windows of macOS geïnstalleer word nie.

Hoe 'n SVG-lettertipelêer lyk

Verkorte voorbeeld van die opmerking in 'n SVG-lettertipe

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

Wat hierdie bladsy maak: een lêer, een <glyph> per karakter, in lettertipe-eenhede met die y-as opwaarts.

Maak oop in FontForge, Inkscape en ikoonlettertipe-gereedskap
Kan nie op 'n rekenaar geïnstalleer word nie
Word nie deur huidige Chrome, Edge of Firefox gelaai nie

'n Gewone OTF of TTF met 'n ekstra SVG-tabel wat gekleurde, gelaagde glifs bevat.

Geïnstalleer soos enige lettertipe
Gebruik vir emoji en veelkleurige letterwerk
Ondersteuning verskil volgens program en blaaier

Waar SVG-lettertipes vandaan kom en waarheen hulle verdwyn het

SVG 1.0 omskryf die font-element: 2001
laaste iPhone Safari wat SVG-webfonts nodig gehad het: iOS 4.1
verwyder SVG-lettertipes in 2014: Chrome 38
laat die lettertipe-hoofstuk vaar: SVG 2

TTF

TrueType-lettertipe

TTF is die TrueType-lettertipeformaat wat laat in die 1980's deur Apple ontwikkel en in 1991 vrygestel is, en daarna aan Microsoft gelisensieer is. Dit definieer glifomtrekke met kwadratiese krommes en bevat hinting-instruksies wat teks op skerms skerp laat lyk. TrueType word deur elke rekenaarbedryfstelsel, woordverwerker en ontwerpprogram ondersteun. Dit mis sommige gevorderde tipografiese kenmerke van OpenType en is groter as webLettertipe-formate.

Kompressie: Verliesloos
Deursigtigheid: –
Animasie: –
Bekendgestel: 1991 · Apple

TTF-omskakelaar

SVG

Scalable Vector Graphics

SVG is 'n XML-gebaseerde vektorformaat wat die W3C in 2001 gestandaardiseer het. In plaas van pixels beskryf dit vorms, paaie en teks, so dit bly skerp op enige grootte en is gewoonlik piepklein vir logo's en ikone. Dit ondersteun deursigtigheid, CSS-stileer, skripte en animasie, en elke blaaier lewer dit inheems. SVG is ongeskik vir foto's, en komplekse illustrasies kan stadig word om te lewer. Illustrator, Inkscape, Figma en blaaiers kan dit oopmaak en redigeer.

Kompressie: –
Deursigtigheid: Ja
Animasie: Ja
Bekendgestel: 2001 · W3C

SVG-omskakelaar

TTF na SVG skryf elke glif se buitelyn as wysigbare SVG-paddata binne 'n SVG-lettertipe, wat ikoonlettertipe-gereedskap, lettertipe-redigeerders en ou webfont-pakkette gebruik; dit is nie 'n manier om lettertipes op moderne webbladsye te laai nie.

TTF na SVG: gereelde vrae

Kan ek vandag 'n SVG-lettertipe in CSS @font-face gebruik?

Nie in die meeste blaaiers nie. Chrome het SVG-lettertipe-ondersteuning in 2014 in weergawe 38 verwyder, en Firefox en Internet Explorer het dit nooit bygevoeg nie. Skakel vir 'n webwerf eerder die TTF om met TTF na WOFF2.

Hoekom is die gliewe onderstebo as ek dit in 'n tekening plak?

SVG-lettertipes gebruik die lettertipe se eie koördinaatstelsel, waar die y-as vanaf die basislyn opwaarts wys, terwyl gewone SVG-tekeninge y van bo af afwaarts tel. Draai die pad vertikaal om, byvoorbeeld met 'n scale(1,-1)-transformasie, en dit lees reg.

Hoe maak ek teks SVG-paaie vir 'n Cricut of lasersnyer?

Installeer die TTF, tik jou woorde in Inkscape of Illustrator en skakel die teks om na buitelyne: Path › Object to Path in Inkscape, Type › Create Outlines in Illustrator. Stoor dit as SVG. 'n SVG-lettertipe hou elke letter afsonderlik en is nie as woorde uitgelê nie.

Behou SVG-lettertipes spasiëring (kerning) en ligature?

Net gedeeltelik. Die SVG-lettertipeformaat kan kerning-pare met hkern-elemente en multikarakter-glifs stoor, maar het geen ekwivalent vir OpenType-kenmerktabelle soos kleinhoofletters, alternatiewe of kontekstuele reëls nie. Hou die TTF as jy dit nodig het.

Is SVG-lettertipe-uitvoer nuttig vir ikoonfonts?

Ja, dit is vandag die hoofgebruik. Ikoonlettertipe-gereedskap soos IcoMoon voer SVG-lettertipes in, sodat jy ikone uit 'n ou ikoonlettertipe kan haal, wysig en 'n nuwe stel kan bou of elke ikoon as sy eie SVG kan uitvoer.