TTF SVG-be átalakító

Ez az oldal a TrueType betűtípust SVG fonttá alakítja: egyetlen XML-fájllá, amelyben minden karakter egy <glyph> elem, a körvonala pedig SVG-útvonaladatként szerepel. Ez ikonfont-eszközökhöz és betűtípus-szerkesztőkhöz hasznos, de nem ugyanaz, mint a szövegéről készült kép.

vagy húzza ide a(z) TTF, OTF, WOFF … fájlok fájlokat ·

Legfeljebb 95 MB fájlonként· Legfeljebb 20 fájl· Törlés 30 perc után

Kimenet

Konvertálás erre

A fájlokat szervereinken dolgozzuk fel, és 30 perc után töröljük.

Az eszköz használata

1
Töltse fel a TTF-fájlt
Adjon hozzá egy vagy több .ttf fájlt, kötegenként legfeljebb 20-at, egyenként legfeljebb 95 MB méretben. Az ikonbetűtípusok és a szöveges betűtípusok is működnek.
2
Hagyja kimenetként az SVG fontot
A Konvertálás erre beállítás SVG-betűtípus. A hinting nem vonatkozik az SVG kimenetre, ezért ez a beállítás eltűnik; a Betűcsalád neve a Speciális beállítások alatt továbbra is átnevezi a betűtípust.
3
Átalakítás: SVG
Nyomja meg az Átalakítás: SVG → gombot, majd töltse le az .svg fájlt. Szövegszerkesztőben, Inkscape-ben vagy FontForge-ban megnyitva elérheti a karakterek útvonalait.

SVG font kontra szövegről készült SVG-kép

Ha a TTF SVG-be átalakítást keresi, két különböző cél keveredik. Az egyik az SVG-betűtípus: a W3C 2001-es SVG 1.0 ajánlásában definiált betűformátum, ahol egy <font> elem karakterenként egy <glyph> elemet tartalmaz Unicode-értékkel, előrehaladási szélességgel és a körvonallal útvonalként. A másik egy szöveg SVG-képe: egy logó betűi vagy egy már sorba állított név alakzatként mentve. Ez az átalakító az elsőt állítja elő. Ha logóképe van, nem betűtípusa, a PNG SVG-be útvonalakká alakítja.

A TrueType körvonal SVG útvonaladattá alakítása alakban semmit sem veszít. Az SVG-útvonalak ugyanazokat a másodfokú görbéket támogatják, mint a TrueType, így minden kontúr változtatás nélkül kerül kiírásra. Ami nem marad meg, az a körvonalakon kívüli minden: a hinting utasítások, az egyszerű kerningen túli OpenType-funkciók és a bináris táblák, amelyekre az operációs rendszernek szüksége van a telepítéshez. Az SVG-betűtípus nem telepíthető Windowsra vagy macOS-re.

Így néz ki egy SVG fontfájl

Rövidített példa az SVG-betűtípus kódjára

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

Amit ez az oldal készít: egy fájl, karakterenként egy <glyph>, betűtípus-egységekben, felfelé mutató y tengellyel.

Megnyílik FontForge-ban, Inkscape-ben és ikonbetűtípus-eszközökben
Számítógépre nem telepíthető
A mai Chrome, Edge és Firefox nem tölti be

Egy normál OTF vagy TTF egy további SVG táblával, amely színes, rétegzett karaktereket tartalmaz.

Mint bármely betűtípus, telepíthető
Emojikhoz és többszínű feliratokhoz használják
A támogatás alkalmazásonként és böngészőnként eltér

Honnan jöttek az SVG fontok, és hová tűntek

Az SVG 1.0 definiálja a font elemet: 2001
az utolsó iPhone Safari, amelynek SVG webfontra volt szüksége: iOS 4.1
2014-ben eltávolítja az SVG-betűtípusokat: Chrome 38
elhagyja a betűtípus-fejezetet: SVG 2

TTF

TrueType betűtípus

A TTF az Apple által az 1980-as évek végén fejlesztett, 1991-ben kiadott, majd a Microsoftnak licencelt TrueType betűtípus-formátum. A karakterek körvonalait másodfokú görbékkel írja le, és hintelési utasításokat tartalmaz, amelyek élessé teszik a szöveget a képernyőn. Minden asztali operációs rendszer, szövegszerkesztő és tervezőalkalmazás támogatja. Hiányoznak belőle az OpenType egyes fejlett tipográfiai funkciói, és nagyobb a webes betűtípus-formátumoknál.

Tömörítés: Veszteségmentes
Átlátszóság: –
Animáció: –
Bevezetés éve: 1991 · Apple

TTF átalakító

SVG

Scalable Vector Graphics

Az SVG XML-alapú vektorformátum, amelyet a W3C 2001-ben szabványosított. Pixelek helyett alakzatokat, útvonalakat és szöveget ír le, ezért bármilyen méretben éles marad, logókhoz és ikonokhoz pedig általában apró. Támogatja az átlátszóságot, a CSS-stílusozást, a szkriptelést és az animációt, és minden böngésző natívan megjeleníti. Az SVG fényképekhez nem alkalmas, az összetett illusztrációk megjelenítése pedig lassúvá válhat. Az Illustrator, az Inkscape, a Figma és a böngészők meg tudják nyitni és szerkeszteni.

Tömörítés: –
Átlátszóság: Igen
Animáció: Igen
Bevezetés éve: 2001 · W3C

SVG átalakító

A TTF SVG-be átalakítás minden karakter körvonalát szerkeszthető SVG útvonaladatként írja egy SVG-betűtípusba, amelyet ikonbetűtípus-eszközök, betűszerkesztők és régi webfont-csomagok használnak; modern weboldalakon nem alkalmas betűtípusok betöltésére.

GYIK: TTF SVG-be konvertálás

Használhatok ma SVG fontot a CSS @font-face szabályban?

A legtöbb böngészőben nem. A Chrome a 38-as verzióban, 2014-ben eltávolította az SVG-betűtípusok támogatását, a Firefox és az Internet Explorer pedig soha nem vezette be. Weboldalhoz inkább alakítsa át a TTF-et a TTF WOFF2-be eszközzel.

Miért fejjel lefelé állnak a glifák, ha beillesztem őket egy rajzba?

Az SVG-betűtípusok a betűtípus saját koordináta-rendszerét használják, ahol az y tengely az alapvonaltól felfelé mutat, míg a hétköznapi SVG-rajzokon az y felülről lefelé nő. Tükrözze az útvonalat függőlegesen, például egy scale(1,-1) transzformációval, és helyesen jelenik meg.

Hogyan alakíthatom a szöveget SVG-útvonalakká Cricuthoz vagy lézervágóhoz?

Telepítse a TTF-et, írja be a szöveget Inkscape-ben vagy Illustratorban, majd alakítsa körvonallá: Inkscape-ben Útvonal › Objektumból útvonal, Illustratorban Szöveg › Körvonalak létrehozása. Ezt mentse SVG-ként. Az SVG-betűtípus minden betűt külön tárol, és nem szavakba rendezve.

Megőrzik az SVG fontok az alávágást és a ligatúrákat?

Csak részben. Az SVG-betűtípus formátum tárolhat betűpárok közötti távolságot (kerning) hkern elemekkel, valamint több karakteres glifákat, de nincs megfelelője az OpenType-funkciótábláknak, például a kiskapitálisnak, az alternatíváknak vagy a környezetfüggő szabályoknak. Ha ezekre szüksége van, őrizze meg a TTF-et.

Hasznos az SVG font kimenet ikonfontokhoz?

Igen, manapság főként erre használják. Az ikonbetűtípus-eszközök, például az IcoMoon, importálják az SVG-betűtípusokat, így kinyerheti az ikonokat egy régi ikonbetűtípusból, szerkesztheti őket, és új készletet állíthat össze, vagy minden ikont külön SVG-ként exportálhat.