Penukar TTF ke SVG

Halaman ini menukar fon TrueType kepada fon SVG: satu fail XML yang setiap aksaranya ialah elemen <glyph> dengan garis bentuknya ditulis sebagai data laluan SVG. Ini berguna untuk alat fon ikon dan editor fon, tetapi ia tidak sama dengan gambar teks anda.

atau seret Fail TTF, OTF, WOFF … ke sini ·

Maks 95 MB setiap fail· Sehingga 20 fail· Dipadam selepas 30 minit

Output

Tukar ke

Fail diproses pada pelayan kami dan dipadam selepas 30 minit.

Cara menggunakan alat ini

1
Muat naik fail TTF
Tambah satu atau lebih fail .ttf, sehingga 20 fail setiap kelompok dan 95 MB setiap satu. Fon ikon dan fon teks kedua-duanya boleh digunakan.
2
Kekalkan fon SVG sebagai output
Tukar ke ditetapkan kepada fon SVG. Hinting tidak terpakai pada output SVG, jadi pilihan itu tidak dipaparkan; Nama keluarga di bawah Tetapan lanjutan masih boleh menukar nama fon.
3
Tukar ke SVG
Tekan Tukar ke SVG dan muat turun fail .svg. Buka dalam editor teks, Inkscape atau FontForge untuk mencapai laluan glif.

Fon SVG berbanding gambar SVG bagi teks

Cari TTF ke SVG dan anda akan menemui dua matlamat berbeza yang bercampur. Satu ialah fon SVG: format fon yang ditakrifkan dalam Syor SVG 1.0 W3C pada 2001, dengan elemen <font> mengandungi satu <glyph> bagi setiap aksara dengan nilai Unicode, lebar advance dan garis bentuk sebagai laluan. Satu lagi ialah gambar SVG bagi sesuatu teks, huruf logo atau nama yang sudah disusun dalam satu baris dan disimpan sebagai bentuk. Penukar ini menghasilkan jenis pertama. Jika yang anda ada ialah imej logo dan bukan fon, PNG ke SVG menjejakinya menjadi laluan.

Menukar garis bentuk TrueType kepada data laluan SVG tidak menghilangkan apa-apa pada bentuknya. Laluan SVG menyokong lengkung kuadratik yang sama digunakan TrueType, jadi setiap kontur ditulis seperti asal. Yang tidak kekal ialah segala yang mengelilingi garis bentuk: arahan hinting, ciri OpenType selain kerning mudah, dan jadual binari yang diperlukan sistem pengendalian untuk memasang fon. Fon SVG tidak boleh dipasang pada Windows atau macOS.

Rupa fail fon SVG

Contoh ringkas markup dalam fon SVG

<svg xmlns="http://www.w3.org/2000/svg">
  <defs>
    <!-- fon SVG dengan satu glif, huruf L -->
    <font id="BrandSans" horiz-adv-x="1229">
      <font-face font-family="Brand 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>

Apa yang dihasilkan halaman ini: satu fail, satu <glyph> bagi setiap aksara, dalam unit fon dengan paksi y menunjuk ke atas.

Dibuka dalam FontForge, Inkscape dan alat fon ikon
Tidak boleh dipasang pada komputer
Tidak dimuatkan oleh Chrome, Edge atau Firefox semasa

OTF atau TTF biasa dengan jadual SVG tambahan yang menyimpan glif berwarna dan berlapis.

Dipasang seperti fon lain
Digunakan untuk emoji dan tulisan pelbagai warna
Sokongan berbeza mengikut aplikasi dan pelayar

Asal usul fon SVG dan nasibnya kini

SVG 1.0 mentakrifkan elemen font: 2001
Safari iPhone terakhir yang memerlukan fon web SVG: iOS 4.1
membuang fon SVG pada 2014: Chrome 38
menggugurkan bab fon: SVG 2

TTF

Fon TrueType

TTF ialah format fon TrueType yang dibangunkan oleh Apple pada akhir 1980-an dan dilancarkan pada 1991, kemudian dilesenkan kepada Microsoft. Ia mentakrifkan kontur glif dengan lengkung kuadratik dan menyertakan arahan hinting yang menjadikan teks kelihatan tajam pada skrin. TrueType disokong oleh setiap sistem pengendalian desktop, pemproses perkataan dan aplikasi reka bentuk. Ia kekurangan beberapa ciri tipografi lanjutan OpenType dan lebih besar daripada format fon web.

Pemampatan: Lossless (tanpa kehilangan)
Ketelusan: –
Animasi: –
Diperkenalkan: 1991 · Apple

Penukar TTF

SVG

Scalable Vector Graphics

SVG ialah format vektor berasaskan XML yang dipiawaikan oleh W3C pada 2001. Daripada piksel, ia menerangkan bentuk, laluan dan teks, jadi kekal tajam pada sebarang saiz dan biasanya sangat kecil untuk logo dan ikon. Ia menyokong lutsinar, gaya CSS, skrip dan animasi, dan setiap pelayar memaparkannya secara asli. SVG tidak sesuai untuk foto, dan ilustrasi kompleks boleh menjadi perlahan dipaparkan. Illustrator, Inkscape, Figma dan pelayar boleh membuka dan menyuntingnya.

Pemampatan: –
Ketelusan: Ya
Animasi: Ya
Diperkenalkan: 2001 · W3C

Penukar SVG

TTF ke SVG menulis garis bentuk setiap glif sebagai data laluan SVG yang boleh disunting di dalam fon SVG, yang digunakan oleh alat fon ikon, editor fon dan kit fon web lama; ia bukan cara memuatkan fon pada halaman web moden.

Soalan lazim TTF ke SVG

Bolehkah saya menggunakan fon SVG dalam CSS @font-face hari ini?

Tidak dalam kebanyakan pelayar. Chrome membuang sokongan fon SVG dalam versi 38 pada 2014, dan Firefox serta Internet Explorer tidak pernah menambahnya. Untuk laman web, tukar TTF dengan TTF ke WOFF2 sebaliknya.

Mengapakah glif terbalik apabila saya tampalkannya ke dalam lukisan?

Fon SVG menggunakan sistem koordinat fon itu sendiri, dengan paksi y menunjuk ke atas dari garis asas, manakala lukisan SVG biasa mengira y ke bawah dari bahagian atas. Terbalikkan laluan secara menegak, contohnya dengan transformasi scale(1,-1), dan ia akan dipaparkan dengan betul.

Bagaimanakah cara menukar teks kepada laluan SVG untuk Cricut atau pemotong laser?

Pasang TTF, taip perkataan anda dalam Inkscape atau Illustrator dan tukar teks kepada garis bentuk: Path › Object to Path dalam Inkscape, Type › Create Outlines dalam Illustrator. Simpan sebagai SVG. Fon SVG menyimpan setiap huruf secara berasingan dan tidak disusun sebagai perkataan.

Adakah fon SVG mengekalkan kerning dan ligatur?

Hanya sebahagian. Format fon SVG boleh menyimpan pasangan kerning dengan elemen hkern dan glif berbilang aksara, tetapi tiada setara dengan jadual ciri OpenType seperti huruf kecil kapital, alternatif atau peraturan kontekstual. Simpan TTF jika anda memerlukannya.

Adakah output fon SVG berguna untuk fon ikon?

Ya, itulah kegunaan utamanya sekarang. Alat fon ikon seperti IcoMoon mengimport fon SVG, membolehkan anda mengeluarkan ikon daripada fon ikon lama, menyuntingnya dan membina set baharu atau mengeksport setiap ikon sebagai SVG tersendiri.