UltKit

Konversi TTF ke WOFF

WOFF adalah format font web pertama yang disepakati semua browser utama, dan masih bisa dimuat di tempat yang tidak pernah dijangkau WOFF2. Ubah TTF di sini ketika platform, tema, atau aplikasi pembaca meminta file .woff secara khusus.

Konverter Font

atau jatuhkan file TTF, OTF, WOFF … di sini ·

Maks. 95 MB per file· Hingga 20 file· Dihapus setelah 30 menit

Keluaran

File diproses di server kami dan dihapus setelah 30 menit.

Cara menggunakan alat ini

  1. 1

    Pilih font TTF

    Unggah file TrueType yang ingin Anda pakai di web, hingga 20 per batch dan masing-masing 95 MB.

  2. 2

    Pastikan WOFF sebagai keluaran

    Konversi ke diatur ke WOFF. Centang Sertakan CSS @font-face di Pengaturan lanjutan untuk mendapatkan aturan siap pakai, dan pilih subset Pertahankan karakter jika font hanya dipakai untuk situs dengan satu aksara.

  3. 3

    Konversi ke WOFF

    Tekan Konversi ke WOFF, unduh file .woff, lalu unggah di samping stylesheet Anda atau ke folder font tema.

Mengubah TTF ke WOFF tidak mengubah satu glyph pun. Setiap tabel font dikompresi dengan zlib, ditambah header kecil, dan hasilnya adalah file yang bisa dimuat dengan @font-face oleh browser hingga Internet Explorer 9.

Siapa yang masih membutuhkan TTF ke WOFF

WOFF diusulkan pada 2009 oleh Jonathan Kew dari Mozilla bersama desainer huruf Tal Leming dan Erik van Blokland, pertama kali hadir di Firefox 3.6 pada 2010, dan menjadi W3C Recommendation pada Desember 2012. Tujuannya praktis: memberi foundry format web yang bukan sekadar font desktop mentah di server, dan memberi browser satu format yang bisa disepakati. Dalam beberapa tahun, Chrome, Safari, dan Internet Explorer 9 semuanya bisa membacanya.

Kini WOFF2 melakukan tugas yang sama dengan byte lebih sedikit, sehingga WOFF biasa bertahan terutama sebagai fallback dan sebagai syarat di sistem lama. Sebagian tema WordPress, page builder, dan template e-commerce masih punya kolom unggah font yang mengharapkan .woff. Intranet perusahaan yang menjalankan Internet Explorer 11 sama sekali tidak bisa membaca WOFF2. Produksi ebook adalah kasus lain: EPUB 3 menerima WOFF, sedangkan dukungan WOFF2 di aplikasi pembaca lebih baru dan belum merata.

IE 9–11browser yang membaca WOFF tetapi tidak pernah WOFF2

Internet Explorer 11 sudah dipensiunkan di sebagian besar versi Windows, tetapi masih tersisa di sebagian jaringan perusahaan dan kios.

Perlukah menyertakan fallback WOFF di samping WOFF2?

Alasan menambahkan WOFF

  • Mencakup Internet Explorer 9 hingga 11 dan browser yang dirilis sebelum WOFF2 hadir
  • Diterima kolom unggah tema dan plugin yang hanya mencantumkan .woff
  • Tidak membebani pengunjung modern, karena mereka mengunduh baris WOFF2 lebih dulu

Alasan melewatkannya

  • Sekitar 30% lebih besar daripada font yang sama dalam WOFF2
  • Satu file lagi per ketebalan yang harus diunggah, diberi versi, dan di-cache-bust
  • Sebagian besar situs publik memiliki terlalu sedikit pengunjung lawas untuk terasa bedanya

Menambahkan file WOFF ke @font-face

Cantumkan kedua file dalam satu deklarasi src: .woff2 dengan format("woff2") lebih dulu, lalu .woff dengan format("woff"). Petunjuk format memungkinkan browser melewati file yang tidak bisa dipakainya tanpa mengunduhnya. Jika Anda juga membutuhkan font itu untuk aplikasi desktop atau mockup desain, simpan TTF aslinya; kembali nanti dengan WOFF ke TTF memang bisa, tetapi tidak ada alasan untuk mengandalkannya.

Ada dua opsi yang patut diperiksa sebelum Anda menekan tombol konversi. Pertahankan karakter memangkas font ke aksara yang dipakai situs Anda, yang lebih berpengaruh pada ukuran file daripada pilihan antara WOFF dan WOFF2. Hinting bisa dibiarkan pada Pertahankan untuk fallback yang ditujukan bagi Internet Explorer, karena audiens itulah yang paling mungkin memakai layar Windows, tempat instruksi TrueType masih mempertajam teks kecil.

TTF

Font TrueType

TTF adalah format font TrueType yang dikembangkan oleh Apple pada akhir 1980-an dan dirilis pada 1991, lalu dilisensikan kepada Microsoft. Format ini mendefinisikan garis bentuk glyph dengan kurva kuadratik dan menyertakan instruksi hinting yang membuat teks tampak tajam di layar. TrueType didukung oleh setiap sistem operasi desktop, pengolah kata, dan aplikasi desain. Format ini tidak memiliki sebagian fitur tipografi lanjutan OpenType dan ukurannya lebih besar daripada format font web.

Kompresi
Lossless
Transparansi
–
Animasi
–
Diperkenalkan
1991 · Apple
Konverter TTF

WOFF

Web Open Font Format

WOFF adalah format font web yang dibuat oleh Mozilla, Opera, dan Microsoft, dan diterbitkan sebagai W3C Recommendation pada 2012. Format ini membungkus data font TrueType atau OpenType dengan kompresi dan metadata agar unduhan lebih cepat. Semua browser mendukung WOFF, tetapi format ini sebagian besar telah digantikan oleh WOFF2, yang kompresinya lebih baik. Sistem operasi desktop tidak dapat memasang font WOFF secara langsung.

Kompresi
Lossless
Transparansi
–
Animasi
–
Diperkenalkan
2012 · W3C (Mozilla, Opera, Microsoft)
Konverter WOFF

TTF ke WOFF mengompres font desktop ke dalam wadah font web generasi pertama, yang penting bagi browser lama, pembaca ebook, dan tema yang meminta file .woff, bukan WOFF2.

Tanya jawab konversi TTF ke WOFF

Apakah WOFF masih didukung browser modern?

Ya. Setiap browser saat ini membaca WOFF maupun WOFF2; dukungan WOFF 1.0 tidak pernah dihapus. Browser hanya lebih memilih WOFF2 ketika sebuah aturan menawarkan keduanya, karena ukurannya lebih kecil.

Mana yang lebih kecil, TTF atau WOFF?

Umumnya WOFF. Format ini menyimpan tabel yang sama dalam keadaan terkompresi dengan zlib, algoritme di balik file ZIP, sehingga font teks biasa menyusut cukup terasa. WOFF2 melangkah lebih jauh dengan Brotli, itulah sebabnya TTF ke WOFF2 menjadi pilihan pertama untuk situs baru.

Bisakah font WOFF dipakai di EPUB?

Bisa. EPUB 3 mencantumkan WOFF di antara jenis font intinya, bersama TrueType dan OpenType, dan EPUB 3.2 menambahkan WOFF2 pada 2019. Aplikasi pembaca lama mungkin hanya mengenal tiga yang pertama, jadi WOFF atau TTF adalah pilihan aman untuk sebuah buku.

Bagaimana urutan WOFF dan WOFF2 dalam daftar src?

WOFF2 dulu, lalu WOFF. Browser menelusuri daftar dan mengunduh format pertama yang didukungnya, jadi browser modern mengambil WOFF2 dan hanya browser lama yang turun ke baris WOFF.

Apakah WOFF mempertahankan informasi lisensi font?

Tabel name di dalam font, yang biasanya berisi hak cipta dan URL lisensi, disalin apa adanya. WOFF juga mendefinisikan blok metadata opsional untuk detail lisensi, yang diisi sebagian foundry pada rilis WOFF mereka sendiri.