Apa itu WOFF (Format Font Terbuka Web)?

Web Open Font Format (WOFF) adalah format file untuk font web yang dikembangkan oleh Mozilla. File WOFF dapat berisi file terkompresi File TTF dan OTF serta informasi lisensi dan metadata lainnya. Inilah yang perlu Anda ketahui tentang WOFF.

Apa itu File WOFF?

Mirip dengan file ZIP, File WOFF bertindak sebagai wadah untuk file lain, khususnya file TrueType Font (TTF) dan OpenType Font (OTF). Jenis file ini memberi desainer web kemampuan untuk menggunakan font di luar karakter standar yang ditemukan di sebagian besar komputer.

WOFF telah digantikan oleh format WOFF2. WOFF2 menawarkan lebih baik algoritma kompresi, yang mengurangi ukuran file asli sebesar 30 persen tambahan. Oleh karena itu, file WOFF2 membutuhkan lebih sedikit lebar pita dan memuat lebih cepat. File WOFF memiliki ekstensi .woff, sedangkan file WOFF2 memiliki ekstensi .woff2.

Bagaimana Cara Kerja File WOFF?

Hampir semua halaman web menggunakan Cascading Style Sheets (CSS) untuk menentukan tata letak

HTML dan elemen lain di layar Anda. Misalnya, pengembang dapat menggunakan CCS untuk mengubah font web dengan merujuk font yang sudah diinstal di komputer pengguna. Namun, jika PC atau browser Anda tidak mendukung font, font tersebut akan muncul sebagai font yang berbeda atau tidak dimuat sama sekali tergantung pada cara pengaturan tumpukan font halaman.

Untuk menghindari masalah ini, font kustom dapat disimpan dalam file WOFF, yang disimpan di server dengan semua elemen halaman web lainnya. Perancang kemudian dapat menggunakan properti CSS @font-face untuk mereferensikan file WOFF dan merender font di browser.

Manfaat WOFF

Selain memperluas jenis font yang tersedia untuk pengembang web, menggunakan file WOFF memiliki beberapa keuntungan. Sebagai contoh:

• Kompresi: Karena file WOFF dikompresi, mereka memuat lebih cepat daripada jenis file font lainnya.
• Dukungan HTML dan CSS: Tidak seperti file gambar, file WOFF dapat dibuat bergaya dengan HTML dan CSS.
• SEO: Font WOFF lebih baik untuk mesin pencari optimasi (SEO) dari gambar teks.
• Perenderan yang dioptimalkan: File WOFF menyertakan informasi tipografi termasuk bentuk kontekstual dan gambar gaya lama, memungkinkan rendering yang optimal di semua perangkat.
• Aksesibilitas situs web: File WOFF membuat situs lebih mudah diakses karena teks dapat dibacakan dan gambar teks tidak bisa.
• Menanamkan: Font WOFF membantu internasionalisasi dengan memungkinkan Anda menyematkan font dengan karakter dari bahasa lain.

Buat Font WOFF Anda Sendiri

Editor font seperti FontForge memungkinkan Anda mendesain set font Anda sendiri dan mengekspornya sebagai file WOFF. Anda juga dapat mengonversi file WOFF ke TTF atau OTF menggunakan FontForge. Jika Anda memiliki editor font lain yang Anda suka yang hanya mendukung TTF atau OTF, Anda dapat menggunakan sfnt2woff alat untuk mengonversi font ke file WOFF.