Konverter online gratis BDF ke WOFF

Sebuah website atau aplikasi berbasis browser mungkin memerlukan WOFF web font, sementara typeface yang tersedia hanya berupa BDF bitmap font. Mengonversinya memerlukan pengemasan font untuk penggunaan web dan biasanya melakukan tracing glyph bitmap menjadi scalable outlines.

Apa itu format BDF

BDF, atau Bitmap Distribution Format, adalah format teks yang dapat dibaca manusia untuk bitmap font. Setiap glyph menyimpan pixel matrix, character encoding, advance width, dan metrik lainnya untuk satu atau beberapa ukuran pixel tetap.

File BDF umum digunakan dalam X Window System, lingkungan terminal, embedded display, dan pengembangan font Unix. Font editor dan utilitas seperti FontForge dapat membuat atau mengekspornya; project seperti GNU Unifont juga mendistribusikan file BDF. BDF digunakan ketika font harus mempertahankan pixel yang tepat dari display beresolusi rendah, bukan melakukan scaling secara halus.

Apa itu format WOFF

WOFF, atau Web Open Font Format, mengemas font OpenType atau TrueType untuk digunakan dengan CSS @font-face. Format ini mendukung compression, metadata, Unicode mappings, dan font tables yang digunakan oleh browser modern.

WOFF cocok untuk menyajikan typeface dari website tanpa mengharuskan pengguna menginstal source font. Ukurannya biasanya lebih kecil daripada desktop font yang tidak dikompresi, tetapi format ini tidak secara otomatis mengonversi bitmap glyphs menjadi scalable outlines. WOFF2 umumnya berukuran lebih kecil daripada WOFF, meskipun sebuah situs mungkin secara khusus memerlukan format WOFF yang lebih lama.

Cara sebenarnya mengonversi BDF ke WOFF

FontForge adalah desktop tool yang paling praktis untuk konversi ini karena dapat membuka BDF, mengonversi bitmap glyphs menjadi outlines, dan menghasilkan WOFF.

1. Instal FontForge dan buka file .bdf dengan File → Open.
2. Periksa glyph set, encoding, pixel size, advance widths, dan family name. Perbaiki Unicode assignments yang hilang sebelum membuat web font.
3. Pilih glyphs dan gunakan Element → Autotrace untuk mengubah bitmap glyphs menjadi vector outlines. Autotracing biasanya diperlukan untuk broad browser compatibility; hasilnya tidak akan menjadi representasi yang sama persis pixel demi pixel seperti BDF.
4. Tinjau glyphs yang representatif pada beberapa zoom level. Hapus contours yang tidak sengaja, perbaiki bentuk yang terputus, dan periksa apakah punctuation serta accented characters memiliki side bearings yang benar.
5. Gunakan File → Generate Fonts, pilih WOFF sebagai output format, pilih output filename seperti font.woff, lalu generate file tersebut.
6. Sajikan hasilnya dengan CSS rule yang sesuai, misalnya @font-face { font-family: 'ConvertedFont'; src: url('font.woff') format('woff'); }. Uji font tersebut di browser dan font size yang digunakan oleh website.

Built-in converter di 101convert.com juga dapat mengonversi file secara gratis tanpa menginstal software. Periksa output-nya dengan teliti, karena automatic service mungkin mempertahankan bitmap font, memilih tracing method yang berbeda, atau mengubah naming dan Unicode metadata.

Kualitas, kompatibilitas, dan keterbatasan

Keterbatasan utamanya adalah perbedaan antara kedua format: BDF mencatat pixel dengan resolusi tetap, sedangkan web font biasanya diharapkan menyediakan scalable outlines. Autotracing dapat menghasilkan sudut bergerigi, node yang berlebihan, stroke width yang tidak merata, dan rendering yang buruk pada ukuran kecil. Manual cleanup di FontForge mungkin diperlukan untuk memperoleh hasil profesional.

Jika BDF hanya berisi satu bitmap size, WOFF yang dihasilkan tidak dapat mereproduksi tampilan ukuran lainnya secara akurat. Simpan BDF asli untuk keperluan archival atau pixel-perfect, dan pertahankan source project jika font akan diedit di kemudian hari.

Periksa lisensi BDF sebelum memublikasikan WOFF. Uji juga Unicode coverage, right-to-left text, combining marks, kerning, baseline metrics, dan fallback behavior; konversi file yang berhasil tidak menjamin text shaping yang benar.