Konverter online gratis WOFF ke SVG

Alur kerja editor vektor atau ilustrasi mungkin memerlukan SVG, bukan webfont, terutama jika Anda perlu mengedit atau mengarsipkan outline glyph individual. Mengonversi file juga dapat menghasilkan aset vektor mandiri untuk ikon, logo, atau desain tetap lainnya.

Apa itu format WOFF

WOFF (Web Open Font Format) mengemas data font TrueType atau OpenType dengan kompresi dan metadata berorientasi web. Situs web memuat file .woff melalui CSS @font-face, dan browser menggunakannya untuk merender teks yang dapat dipilih. Pengembang web, desainer type, dan editor font seperti FontForge, Glyphs, dan FontLab umum menggunakan file WOFF.

File WOFF berisi struktur font lengkap: outline glyph, pemetaan karakter, metrik, informasi penamaan, kerning, dan mungkin hinting. File ini bukan gambar SVG dan biasanya tidak dapat diedit sebagai artwork vektor biasa tanpa editor font.

Apa itu format SVG

SVG (Scalable Vector Graphics) adalah format berbasis XML untuk path, bentuk, fill, stroke, dan teks. Geometri vektornya dapat diskalakan tanpa rasterisasi dan dapat dibuka atau diedit dalam aplikasi seperti Inkscape, Illustrator, dan editor vektor lainnya.

Dalam konversi ini, SVG dapat berarti gambar SVG biasa yang berisi satu atau beberapa outline glyph, atau SVG font yang data glyph-nya disimpan di dalam dokumen SVG. Keduanya merupakan output yang berbeda: SVG font tidak sama dengan teks yang dikonversi menjadi path dalam sebuah ilustrasi.

Cara mengonversi file

Untuk konversi file langsung, gunakan 101convert.com: upload file .woff, pilih SVG sebagai format output, mulai konversi, lalu download file .svg yang dihasilkan. Proses ini tidak memerlukan instalasi software. Periksa hasilnya setelah itu karena struktur output yang tepat bergantung pada converter dan mungkin berupa dokumen SVG font, bukan gambar yang terlihat.

Untuk ekstraksi glyph yang terkontrol, gunakan FontForge:

1. Instal dan buka FontForge, lalu pilih File → Open dan pilih file WOFF.
2. Terima peringatan validasi font hanya jika font terbuka dan glyph-nya ditampilkan dengan benar.
3. Buka tampilan ikhtisar glyph font dan pilih glyph yang akan diekspor. Satu glyph merupakan target yang paling andal untuk file SVG biasa.
4. Pilih File → Export, pilih SVG, tentukan nama file seperti icon.svg, lalu simpan. Nama menu dan opsi ekspor SVG berbeda-beda tergantung versi FontForge.
5. Buka SVG di text editor atau aplikasi vektor. Jika file tersebut berisi outline tetapi tidak tersusun sebagai artwork yang terlihat, salin atau impor path glyph ke Inkscape atau editor vektor lainnya, atur posisinya, lalu simpan hasilnya sebagai gambar SVG biasa.

FontForge juga dapat membuat format berorientasi font dari font lengkap, tetapi mengekspor outline glyph yang dipilih lebih disarankan jika hasil yang diinginkan adalah ikon atau ilustrasi yang dapat diedit, bukan SVG font.

Batasan kualitas dan kompatibilitas

• Konversi dapat mempertahankan outline glyph sekaligus mengubah atau menghapus tabel font seperti kerning, hinting, data penamaan, pemetaan karakter, dan metrik. Oleh karena itu, SVG tidak dijamin mereproduksi font asli secara persis.
• SVG font memiliki dukungan terbatas pada browser modern dan bukan pengganti webfont yang sesuai untuk sebagian besar situs web saat ini. Pertahankan WOFF untuk pengiriman web, atau gunakan WOFF2 jika didukung oleh browser target dan build process.
• SVG biasanya lebih besar dan kurang praktis dibandingkan font ketika suatu proyek memerlukan banyak karakter atau teks yang dapat dipilih. Ekspor hanya glyph yang diperlukan saat membuat artwork atau ikon.
• Periksa lisensi font sebelum mengekstrak, memodifikasi, mendistribusikan ulang, atau menyematkan glyph-nya. Ketersediaan webfont untuk di-download tidak memberikan hak penggunaan ulang tanpa batas.