Impor SVG FontForge: Ubah Gambar Menjadi Outline Glyph

Untuk mengimpor SVG ke FontForge, buka slot glyph tujuan, pilih File → Import, ubah format menjadi SVG, dan pilih file. Hasilnya berupa geometri outline dalam jendela pengeditan glyph tersebut. Anda tetap perlu memeriksa posisi, ukuran, kontur, dan spasinya sebelum menghasilkan font yang bisa digunakan.

Perbedaan itu penting ketika sumber berupa gambar. Tracing bisa memulihkan bentuk dari piksel. Proses itu tidak bisa menentukan baseline, advance width, atau irama spasi yang dimaksud dalam sebuah typeface. Mulailah dengan satu glyph dan selesaikan pemeriksaan itu sebelum mengimpor alfabet.

Impor ke slot glyph, bukan sekadar jendela font terbuka

Buat dokumen FontForge baru atau buka font kerja, lalu klik dua kali slot karakter yang ingin diedit. Impor SVG melalui File → Import di dalam jendela outline tersebut. Jika pemilih awalnya mencantumkan format bitmap, ubah filter format menjadi SVG. Ini urutan dalam tutorial impor outline FontForge.

Periksa tujuan terlebih dahulu. Jika Anda menambahkan g kecil orisinal, pastikan Anda mengedit slot g yang dituju. File bernama g.svg tidak menggantikan pemeriksaan glyph dan pemetaannya. Simpan salinan font yang sudah ada sebelum mengganti outline apa pun.

Setelah impor, pilih satu titik dan pastikan Anda memiliki kontur yang bisa diedit. Jika yang dimiliki hanya gambar sebagai referensi tracing, Anda belum mencapai hasil yang sama. Dokumentasi menu File FontForge membedakan impor gambar, outline glyph, dan operasi file font.

Dalam panduan ini, tujuannya adalah glyph outline biasa. Alur multilayer atau color-font khusus memiliki persyaratan tambahan; ilustrasi siap browser juga tidak otomatis menjadi jenis font tersebut.

Gunakan vektor asli jika tersedia

Jika Anda menggambar glyph di editor vektor, siapkan grafis itu secara langsung. Pertahankan kontur asli, buat salinan impor terpisah, dan sederhanakan fitur presentasi yang tidak didukung di sana. Melakukan tracing ulang gambar dari vektor yang sudah ada bisa mengubah bentuk yang sudah Anda kontrol.

Jika sumber berupa gambar raster atau simbol yang dihasilkan, konversikan gambar menjadi path vektor dengan PerfectVector dan periksa SVG. Itu menyediakan outline awal untuk diedit. FontForge tetap menjadi tempat untuk membangun metrik, spasi, dan perilaku font glyph tersebut.

Untuk desain gambar tangan, pilih sumber yang jelas dengan kontras tinggi. Pangkas karakter di dekatnya dan elemen kertas yang mengganggu, tetapi pertahankan ascender atau descender lengkap. Panduan vektorisasi hand lettering membahas tahap persiapan sumber; penjelasan vektorisasi gambar menjelaskan apa yang benar-benar dihasilkan konversi.

Huruf hasil tracing tetap merupakan geometri grafis

Kami menyiapkan raster g kecil orisinal dengan satu ruang dalam yang luas dan descender yang jelas, lalu mengonversinya melalui PerfectVector. SVG mentah berisi tiga path tertutup: latar belakang kanvas hampir putih, siluet huruf hitam, dan bentuk ruang dalam hampir putih. Tidak ada gambar tertanam.

Ruang dalam putih diberi warna di atas siluet hitam. Itu belum merupakan kontur interior glyph font yang selesai. Menghapus bentuk putih saja akan menampakkan hitam solid di bawahnya. Pada salinan impor, hapus latar belakang yang sudah dipastikan dan siapkan ruang dalam sebagai bukaan nyata sebelum menilai fill glyph.

Perbandingan menunjukkan bukti outline yang kami periksa, bukan pengujian FontForge. Kami tidak menetapkan baseline, ukuran em, advance width, atau kerning pada keluaran ini. Descender yang terlihat rapi memberi tahu sejauh mana gambar memanjang; itu tidak memberi tahu font tempat baseline seharusnya berada.

Siapkan kontur eksplisit sebelum menyesuaikan metrik

Simpan SVG yang belum diubah dan salinan kerja terpisah. Dalam salinan kerja, hapus bentuk latar belakang yang tidak berkaitan, perluas stroke jika ketebalan tampilannya menentukan glyph, dan ubah mask atau efek clipping menjadi bentuk yang ingin dipertahankan. FontForge mengimpor sebagian fitur SVG, seperti dijelaskan referensi impornya.

Untuk huruf dengan ruang dalam, periksa batas luar dan batas dalam. Keduanya harus menjelaskan area fill yang dimaksud. Lapisan putih bisa meniru tampilan di halaman putih tanpa memberi font struktur kontur yang benar.

Setelah mengimpor grafis yang disiapkan, periksa ujung terbuka, tumpang tindih yang tidak disengaja, dan perpotongan dengan dirinya sendiri. Element → Correct Direction menetapkan arah bergantian untuk kontur luar dan kontur bersarang, tetapi bisa menghasilkan hasil tidak terduga ketika spline berpotongan. Selesaikan perpotongan tersebut sebelum mempercayai perintah itu. FontForge mendokumentasikan batasan tersebut dalam referensi menu Element.

Hindari penyederhanaan berdasarkan target jumlah node saja. Pertahankan sudut, terminal, dan kurva yang menjadi ciri gambar Anda. Panduan node SVG berlebihan bisa membantu mendiagnosis kontur penuh noise, tetapi outline font juga membutuhkan penilaian tipografi pada ukuran pembacaannya.

Selaraskan baseline sebelum menilai tinggi

Grafis impor bisa datang terlalu kecil, terlalu besar, atau bergeser dari titik asal tujuan. Pilih semua titik glyph dan pindahkan atau skalakan bersama. Tutorial impor FontForge menjelaskan pemindahan outline ke tempatnya serta penggunaan Element → Transform → Transform dengan penskalaan seragam.

Untuk g kecil, jangan sejajarkan titik terendah dengan baseline: titik itu termasuk descender. Tempatkan badan huruf relatif terhadap baseline dan x-height yang diinginkan, dengan descender di bawahnya. Bandingkan dengan glyph huruf kecil di dekatnya dalam desain yang sama jika sudah ada.

Gunakan sistem koordinat sumber yang konsisten saat menyiapkan lebih banyak huruf. Tutorial FontForge memberikan alur 1,000 unit, sedangkan panduan impor Design With FontForge menjelaskan hubungan koordinat vertikal SVG dengan ascent dan descent. Perlakukan sebagai petunjuk pengaturan yang terkoordinasi, bukan aturan bahwa setiap SVG yang sudah ada harus diregangkan menjadi persegi.

Font dengan units per em berbeda membutuhkan rencana yang cocok. Demikian pula, memangkas setiap huruf secara ketat ke halaman SVG dengan tinggi berbeda bisa membuang referensi bersama yang dibutuhkan untuk penempatan konsisten. Tetapkan referensi itu dengan satu atau dua glyph sebelum memproses sisanya.

Atur spasi dalam konteks

Lebar huruf yang terlihat berbeda dari advance width-nya. Advance memberi tahu tempat karakter berikutnya dimulai; ruang kosong di sekitar outline berkontribusi pada irama kata.

Buka jendela Metrics dari menu Window dan periksa glyph di samping huruf lain. Tutorial metrik FontForge menjelaskan perubahan left side bearing dengan memindahkan outline dan right side bearing melalui garis advance width.

Untuk g pertama, bandingkan huruf berulang dan kombinasi pendek dengan glyph yang sudah digambar, seperti gg, ng, dan go. Amati spasinya, bukan hanya outline. Jangan memakai kerning untuk menutupi setiap default side bearing yang dipilih buruk; pertama tetapkan spasi wajar untuk tetangga biasa, lalu tangani pasangan pengecualian.

Glyph yang terlihat terpusat di halaman SVG tetap bisa terasa canggung dalam teks. Sebaliknya, ruang numerik yang sama di kedua sisi tidak selalu menjadi spasi yang terlihat tepat. Pertahankan batas SVG sebagai referensi geometri dan nilai font dalam satu baris teks.

Validasi dan hasilkan font uji

Simpan proyek FontForge yang bisa diedit sebelum menghasilkan file font. Save mempertahankan sumber kerja; Generate Fonts membuat format font seperti TrueType atau OpenType. Tutorial pemeriksaan dan pembuatan menjelaskan pemisahan itu.

Jalankan Element → Find Problems pada glyph yang sudah disiapkan. Tinjau masalah yang dilaporkan alih-alih otomatis menerima setiap perubahan yang disarankan: FontForge menyebutkan sebagian temuan bisa mencerminkan pilihan desain yang disengaja. Lalu periksa lagi glyph secara visual.

Hasilkan font uji dan coba dalam aplikasi yang akan menggunakannya. Periksa pemetaan karakter, ruang dalam, baseline, ruang descender, dan spasi pada ukuran teks kecil maupun besar. Jika font masih merupakan prototipe kecil, pertahankan cakupan pengujian itu secara jelas. Mengimpor satu outline dengan berhasil tidak membuktikan seluruh typeface selesai.

FAQ

Mengapa ukuran atau posisi SVG saya salah di FontForge? Koordinat sumber dan dimensi halamannya mungkin tidak cocok dengan pengaturan em dan baseline font. Pindahkan dan skalakan outline impor secara konsisten, lalu tetapkan rencana koordinat bersama sebelum menyiapkan glyph lain.

Bisakah PerfectVector mengubah gambar menjadi font lengkap? PerfectVector mengonversi grafis raster menjadi path vektor. Anda tetap memerlukan editor font untuk menyiapkan kontur glyph, pemetaan, metrik, spasi, dan file font yang dihasilkan.

Mengapa ruang dalam huruf terisi? Periksa apakah bukaan yang tampak merupakan lapisan putih, apakah kontur dalam tersedia, dan apakah arah kontur atau perpotongan perlu diperbaiki. Periksa fill glyph yang disiapkan alih-alih mengandalkan tampilan SVG asli pada halaman putih.

Haruskah saya mengimpor semua huruf SVG sekaligus? Selesaikan satu glyph yang mewakili terlebih dahulu. Pastikan skala, baseline, kontur, dan spasinya, lalu terapkan metode persiapan konsisten pada huruf tersisa. Impor batch tidak bisa menentukan nilai desain itu bagi Anda.

Sources

1. Tutorial impor outline FontForge — Impor slot glyph, penempatan, penskalaan seragam, dan dimensi sumber yang terkoordinasi.
2. Menu File FontForge — Jenis impor, dukungan SVG, dan operasi file sumber versus font.
3. Menu Element FontForge — Koreksi arah kontur dan batasannya di sekitar perpotongan.
4. Design With FontForge: mengimpor glyph — Koordinat SVG serta pengaturan ascent dan descent.
5. Tutorial metrik FontForge — Side bearing, advance width, spasi dalam konteks, dan kerning.
6. Tutorial pemeriksaan dan pembuatan FontForge — Peninjauan masalah dan pembuatan format font yang bisa digunakan.

Jika glyph pertama Anda hanya berupa piksel, konversikan gambar menjadi vektor yang bisa diedit, periksa ruang dalam dan kontur luar, lalu selesaikan glyph itu di FontForge. Outline yang ditempatkan, diberi spasi, dan diuji dengan benar merupakan titik awal yang berguna bagi sisa font.