Apa itu WOFF? Penjelasan Format Font Web Terbuka

WOFF (Web Open Font Format) adalah font web yang distandarisasi oleh W3C yang mengompresi font TrueType/OpenType untuk pengiriman yang lebih cepat. Pelajari cara kerja WOFF dan penggunaannya.

Alat konversi file online gratis. Berfungsi di Chrome, Firefox, Safari, Edge, Opera, dan browser modern lainnya di Windows, macOS, Linux, Android, dan iOS. Tanpa instalasi perangkat lunak atau pendaftaran. Semua konversi berjalan langsung di browser Anda, sehingga file Anda tidak pernah meninggalkan perangkat. Gratis digunakan tanpa akun.

Font

Apa itu WOFF? Penjelasan Format Font Web Terbuka

Format font web W3C yang membungkus dan mengompresi font TrueType atau OpenType.

Terakhir diperbarui:

Year2012
TypePembungkus font web
UsageFont web (@font-face)

Apa itu?

WOFF (Web Open Font Format) adalah format pengemasan font yang dirancang untuk digunakan di web dan diterbitkan sebagai W3C Recommendation pada Desember 2012. Ini pada dasarnya adalah pembungkus terkompresi di sekitar font berbasis SFNT yang ada seperti TrueType dan OpenType.

Berkas WOFF berisi tabel font yang sama dengan TTF atau OTF asli, tetapi dikompres (menggunakan zlib) dan disertai dengan metadata opsional. Browser mengompresi font dan menggunakannya melalui CSS @font-face, mengurangi ukuran unduhan dibandingkan dengan file TTF/OTF mentah.

Spesifikasi Teknis

DeveloperW3C (based on work by Mozilla and others)
File Extension.woff
MIME Typefont/woff
Released2012 (W3C Recommendation)
TypeCompressed web font wrapper (SFNT-based)

Kelebihan & Kekurangan

Advantages

Unduhan lebih kecil

WOFF compresses font tables with zlib, typically reducing TrueType file sizes by 40% or more for faster page loads.

Dukungan browser yang luas

All major browsers support WOFF, making it a safe baseline web font format.

Mempertahankan data font

WOFF wraps the original SFNT tables losslessly, so the font's outlines and features are fully retained.

Dukungan metadata

The format can embed licensing and provenance metadata alongside the font.

Disadvantages

Digantikan oleh WOFF2

WOFF2 offers significantly better compression, so WOFF is now mostly a fallback for older browsers.

Tujuan hanya untuk web

WOFF is intended for web delivery and is not used as a desktop or print font format.

Beban dekompresi

Browsers must decompress the font before use, a minor cost compared with raw SFNT files.

Kapan Menggunakannya

WOFF digunakan untuk mengirimkan font khusus secara efisien di situs web.

Font web CSS @font-face

WOFF is referenced in stylesheets to serve branded typefaces to site visitors.

Fallback untuk browser lama

Sites provide WOFF alongside WOFF2 so older browsers that lack WOFF2 still render custom fonts.

Layanan hosting font

Web font providers deliver WOFF to ensure wide compatibility across browsers.

Cara membuka file WOFF

Perangkat lunak untuk bekerja dengan file WOFF umumnya terbagi menjadi empat kategori: alat desain profesional, aplikasi gratis atau open-source, alat berbasis browser web, dan utilitas sistem bawaan.

Alat profesional cocok untuk desainer dan developer yang memerlukan fitur ekstensif dan kesetiaan tinggi, sementara opsi gratis dan open-source melayani mereka yang memiliki keterbatasan anggaran. Alat browser ideal untuk tugas cepat tanpa instalasi, dan utilitas bawaan nyaman untuk kebutuhan dasar.

Saat memilih perangkat lunak untuk WOFF khususnya, faktor penting mencakup kesetiaan fitur, apakah Anda membutuhkan kemampuan pengeditan atau hanya melihat, biaya, kompatibilitas platform, dan opsi ekspor. Jika Anda perlu memanipulasi file font secara ekstensif, alat profesional lebih disarankan, sementara melihat sederhana dapat ditangani oleh alat browser. Selain itu, pertimbangkan apakah konversi ke format lain diperlukan untuk alur kerja Anda.

FontForge 2023

Windows, macOS, LinuxGratis (GPL)

FontForge adalah editor font open-source yang mendukung file WOFF di antara banyak format lainnya. Ini memungkinkan pengguna untuk membuat, mengedit, dan mengonversi font, memberikan tingkat kesetiaan dan kontrol tinggi atas desain font.

Fitur utama
  • Kemampuan pengeditan font lengkap
  • Dukungan untuk berbagai format font
  • Alat kerning dan hinting canggih
  • Konversi batch ke berbagai format
Kelebihan
  • Fitur pengeditan komprehensif untuk WOFF
  • Gratis dan open-source dengan dukungan komunitas
  • Kompatibilitas lintas platform
Keterbatasan
  • Kurva pembelajaran yang lebih curam untuk pemula
  • Antarmuka mungkin terasa ketinggalan zaman

Ekspor ke:TTF, OTF, SVG, WOFF2

Terbaik untuk:FontForge ideal untuk pengguna yang membutuhkan kemampuan pengeditan dan konversi ekstensif untuk file WOFF.

Kunjungi FontForge →

Transfonter 2023

Semua (browser)Gratis / Berbayar

Transfonter adalah alat berbasis web yang dirancang untuk mengonversi font ke format web, termasuk WOFF. Ini memungkinkan pengguna untuk mengunggah file font dan menghasilkan file WOFF dengan cepat, menjadikannya cocok untuk web developer.

Fitur utama
  • Unggah berbagai format font
  • Hasilkan file WOFF dan WOFF2
  • Pembuatan CSS untuk penggunaan web
  • Kustomisasi subset font
Kelebihan
  • Antarmuka ramah pengguna untuk konversi cepat
  • Tidak memerlukan instalasi, berfungsi di browser apa pun
  • Integrasi CSS untuk penggunaan web mudah
Keterbatasan
  • Kemampuan pengeditan terbatas
  • Tergantung pada koneksi internet

Ekspor ke:WOFF, WOFF2, TTF, EOT

Terbaik untuk:Transfonter sempurna untuk web developer yang membutuhkan cara cepat dan mudah untuk mengonversi font ke WOFF.

Kunjungi Transfonter →

Glyphs 3.0

macOSOne-time $299

Glyphs adalah alat pembuatan font profesional yang mendukung file WOFF, memungkinkan desainer untuk membuat dan mengedit font dengan presisi. Ini menawarkan kumpulan fitur kaya untuk desain dan ekspor font.

Fitur utama
  • Antarmuka intuitif untuk desain font
  • Dukungan untuk font variabel
  • Dukungan fitur OpenType ekstensif
  • Ekspor ke berbagai format font
Kelebihan
  • Alat desain font berkualitas tinggi
  • Dukungan luar biasa untuk fitur OpenType
  • Komunitas aktif dan sumber daya
Keterbatasan
  • Biaya tinggi mungkin mengecilkan hati pengguna kasual
  • Hanya macOS membatasi aksesibilitas

Ekspor ke:TTF, OTF, WOFF, WOFF2

Terbaik untuk:Glyphs terbaik untuk desainer font profesional yang mencari fitur canggih dan output berkualitas tinggi untuk WOFF.

Kunjungi Glyphs →

Web Font Generator2023

Semua (browser)Free

Web Font Generator adalah alat online yang mudah digunakan yang mengonversi file font ke format yang kompatibel dengan web, termasuk WOFF. Ini dirancang untuk konversi font cepat dan mudah untuk penggunaan web.

Fitur utama
  • Unggahan file drag-and-drop
  • Hasilkan format WOFF dan WOFF2
  • Opsi kustomisasi font dasar
  • CSS yang dapat diunduh untuk integrasi web
Kelebihan
  • Proses konversi sederhana dan cepat
  • Tidak perlu instalasi perangkat lunak
  • Gratis digunakan tanpa biaya tersembunyi
Keterbatasan
  • Fitur pengeditan terbatas
  • Opsi kustomisasi dasar saja

Ekspor ke:WOFF, WOFF2, TTF, EOT

Terbaik untuk:Web Font Generator ideal untuk pengguna yang membutuhkan solusi cepat dan mudah untuk mengonversi font ke WOFF tanpa instalasi.

Kunjungi Web Font Generator →

Konversi File WOFF Gratis

Gunakan konverter online gratis kami untuk mengonversi WOFF dan format lainnya, tanpa pendaftaran dan tanpa watermark.

Coba Konverter Font Gratis

References

  1. WOFF File Format 1.0 - W3C
  2. Web Open Font Format - Wikipedia
  3. WOFF and WOFF2 font formats - MDN Web Docs
  4. font/woff media type - IANA

Pertanyaan yang Sering Diajukan

WOFF digunakan untuk apa?

WOFF adalah format font web yang digunakan dengan CSS @font-face untuk mengirimkan font TrueType atau OpenType yang dimampatkan ke browser web, mengurangi ukuran unduhan.

Apakah WOFF sama dengan TTF?

Tidak. WOFF adalah wrapper terkompresi yang berisi tabel font SFNT yang sama seperti TTF atau OTF, dioptimalkan untuk pengiriman web.

Apa perbedaan antara WOFF dan WOFF2?

Keduanya adalah wrapper font web, tetapi WOFF menggunakan kompresi zlib sementara WOFF2 menggunakan Brotli, yang dimampatkan kira-kira 30% lebih baik, menjadikan WOFF2 format modern yang lebih disukai.

Apakah semua browser mendukung WOFF?

Ya. WOFF telah didukung oleh semua browser utama selama bertahun-tahun, menjadikannya format font web dasar yang dapat diandalkan.

Kapan WOFF distandardisasi?

WOFF 1.0 dipublikasikan sebagai W3C Recommendation pada 13 December 2012.