Konversi TTF ke WOFF2

Konverter TTF ke WOFF2 FileReshape mengemas font TrueType dan OpenType menjadi web font WOFF2 dengan pustaka woff2 milik Google, kompresi yang sama dengan Google Fonts. Alat ini berjalan di browser Anda dan font tidak diunggah. Font tidak diubah atau di-subset, jadi semua karakter tetap ada, dan konversi tidak mengubah apa yang diizinkan oleh lisensi font.

Ada file yang tidak terkonversi dengan benar? Kirim e-mail ke [email protected], sebaiknya disertai contoh file kecil, dan masalahnya akan diperbaiki.

Fakta singkat

Mengapa mengonversi font ke WOFF2

Situs web sebaiknya menyajikan fontnya sebagai WOFF2. Format ini membungkus font TrueType atau OpenType biasa dengan kompresi Brotli dan pengodean khusus untuk data glyph, sehingga file-nya biasanya 50 sampai 70 % lebih kecil daripada TTF dan halaman menampilkan teksnya lebih cepat. Alat ini mengonversi file .ttf dan .otf ke .woff2 dengan pustaka woff2 yang ditulis Google untuk format ini, yang dikompilasi agar berjalan di browser Anda. Letakkan satu keluarga font sekaligus, regular, bold, dan italic, dan Anda mendapat satu ZIP berisi .woff2 untuk masing-masing. Konversinya lossless: setiap glyph, kerning, ligatur, hinting, dan nama tetap persis seperti semula, dan WOFF2 bisa dibuka kembali menjadi font aslinya. File font berlisensi tidak pernah meninggalkan komputer Anda, yang penting jika lisensi melarang pengiriman file font kepada pihak ketiga.

Cara mengonversi TTF ke WOFF2

  1. Letakkan satu atau beberapa file .ttf atau .otf di kotak, atau klik untuk memilihnya.
  2. Periksa nama font dan jumlah glyph di daftar.
  3. Klik Konversi ke WOFF2. Satu font diunduh sebagai file .woff2; beberapa font datang dalam ZIP.

Yang perlu diketahui tentang web font

Periksa lisensi untuk penggunaan di web

Mengonversi font tidak mengubah lisensinya. Banyak font komersial dilisensikan hanya untuk penggunaan desktop dan memerlukan lisensi web terpisah. Font di bawah SIL Open Font License, seperti sebagian besar Google Fonts dan banyak font di GitHub, boleh dikonversi dan dipakai di situs web mana pun. Jika penanda lisensi di dalam font melarang penyematan, alat ini tetap mengonversinya tetapi memberi tahu Anda.

Memakai WOFF2 di CSS

Unggah .woff2 ke server Anda di samping stylesheet dan deklarasikan dengan @font-face, misalnya src: url("myfont.woff2") format("woff2"), dengan font-weight dan font-style yang sesuai untuk setiap file dalam keluarga font. Semua browser terkini membaca WOFF2, jadi cadangan WOFF hanya diperlukan untuk browser yang sangat lama.

Tanpa subsetting

Alat ini mempertahankan setiap karakter font. Font dengan huruf Sirilik, Yunani, atau Vietnam yang tidak Anda perlukan tetap lebih besar dari yang diperlukan. Menghapus karakter (subsetting) memerlukan alat seperti pyftsubset atau editor font; konversi di sini tidak pernah membuang apa pun.

Koleksi font

File .ttc berisi beberapa font dalam satu file dan tidak bisa dikonversi di sini. WOFF2 untuk koleksi font jarang didukung browser. Ekstrak font tunggalnya dengan editor font terlebih dahulu.

Tentang format file

Font TrueType

TrueType (.ttf) adalah format font yang diperkenalkan Apple dan Microsoft pada 1991. Glyph-nya digambar dengan kurva kuadratik dan dapat membawa instruksi hinting yang rinci agar teks tampak tajam pada ukuran kecil di layar. Setiap sistem operasi, paket perkantoran, dan program desain menginstal dan memakai font TTF.

  • Bisa diinstal di Windows, macOS, Linux, Android, dan iOS tanpa perangkat lunak tambahan.
  • Sejak OpenType (1996), file .ttf dapat berisi fitur OpenType yang sama seperti .otf: ligatur, kerning, small caps.
  • Tidak seperti web font, TTF tidak dikompresi, sehingga biasanya dua sampai tiga kali ukuran versi WOFF2-nya.

Web font WOFF2

WOFF2 (Web Open Font Format 2.0) adalah paket terkompresi untuk font TrueType dan OpenType yang dibuat untuk situs web. Format ini menjadi W3C Recommendation pada 2018 dan memakai kompresi Brotli serta pengodean khusus untuk data glyph, sehingga sekitar 30 % lebih kecil daripada WOFF 1.0. Semua browser terkini mendukungnya.

  • Dipakai di CSS dengan @font-face dan src: url(font.woff2) format('woff2').
  • Sistem operasi tidak menginstal file WOFF2; konversikan ke TTF atau OTF terlebih dahulu.
  • Font di dalamnya tidak berubah, sehingga WOFF2 dapat diubah kembali menjadi TTF atau OTF aslinya.

Pertanyaan yang sering diajukan

Apakah font saya diunggah?

Tidak. Font dibaca dan dikompresi oleh browser di perangkat Anda sendiri, dan tidak ada yang dikirim ke server.

Seberapa kecil ukuran font setelah dikonversi?

Biasanya 50 sampai 70 % lebih kecil daripada TTF dan sekitar 30 % lebih kecil daripada WOFF 1.0. Penghematan pastinya bergantung pada font; hasilnya menampilkan ukuran sebelum dan sesudah.

Apakah WOFF2 mengubah tampilan font?

Tidak. WOFF2 adalah kompresi lossless. Browser membuka font yang persis sama, dengan outline, spasi, dan hinting yang sama.

Bisakah saya mengonversi font OTF juga?

Bisa. Font OpenType dengan outline PostScript (CFF) dikemas apa adanya, dan browser membacanya dari WOFF2 seperti font TrueType.