Konversi Font
Ubah font desktop menjadi font web, atau font web kembali menjadi font yang bisa diinstal. Unggah TTF, OTF, WOFF, WOFF2, dan format lama, pilih format tujuan, lalu bila perlu pangkas set karakternya agar file lebih cepat dimuat di situs web.
Konverter Font
atau jatuhkan file TTF, OTF, WOFF … di sini ·
Maks. 95 MB per file· Hingga 20 file· Dihapus setelah 30 menit
File diproses di server kami dan dihapus setelah 30 menit.
Menghapus aksara yang tidak Anda gunakan dapat memperkecil font web dari ratusan KB menjadi di bawah 30 KB. Pertahankan semua karakter untuk font yang Anda pasang di komputer.
Tempel teks atau karakter yang harus dicakup font, mis. kata pada logo atau judul. Semua karakter lain dihapus.
Hint mempertajam teks kecil di layar Windows. Menghapusnya sering menghemat 10–30% pada font web; auto-hint menambahkannya ke font yang belum memilikinya.
Biarkan kosong untuk mempertahankan nama asli. Dengan mengganti nama, Anda dapat memasang font hasil konversi di samping font asli tanpa konflik.
Mis. Regular, Bold, Italic. Biarkan kosong untuk mempertahankan nama gaya asli.
Cara menggunakan alat ini
- 1
Tambahkan file font
Letakkan hingga 20 font, masing-masing 95 MB. Anda bisa mencampur TTF, OTF, WOFF, WOFF2, EOT, font SVG, koleksi TTC, file dfont Mac, dan file Type 1 PFB/PFM/AFM dalam satu kali proses.
- 2
Pilih format tujuan
Konversi ke dimulai dari WOFF2, format terkecil untuk situs web. Pilih TTF atau OTF untuk menginstal font di Windows atau macOS. Buka Pengaturan lanjutan untuk membuat subset karakter, mengubah Hinting, mengganti nama keluarga, atau menambahkan Sertakan CSS @font-face.
- 3
Konversi dan unduh
Tekan Konversi ke WOFF2 (label mengikuti pilihan Anda) lalu simpan file satu per satu atau sebagai ZIP. Font yang diunggah dan hasilnya dihapus dari server setelah 30 menit.
Font desktop dan font web: TTF, OTF, WOFF, dan WOFF2
TrueType berasal dari Apple dan dirilis bersama System 7 pada 1991; Microsoft melisensikannya untuk Windows 3.1 setahun kemudian. OpenType, yang diumumkan Microsoft dan Adobe pada 1996, memperluasnya dengan kontur PostScript dan fitur tipografi, dan kini juga diterbitkan sebagai Open Font Format ISO/IEC 14496-22. Semua font yang Anda instal di komputer saat ini adalah salah satu dari keduanya, disimpan sebagai .ttf atau .otf.
Font web adalah data yang sama, dikompresi untuk diunduh. WOFF 1.0 menjadi W3C Recommendation pada 2012 dan memadatkan setiap tabel font dengan zlib. WOFF2 menyusul sebagai W3C Recommendation pada 2018: format ini memakai Brotli ditambah langkah prapemrosesan untuk data glyph, dan menurut pengukuran Google ukurannya sekitar 30% lebih kecil daripada WOFF. Setiap versi terbaru Chrome, Edge, Firefox, dan Safari membaca WOFF2, itulah sebabnya Konversi ke dimulai dari sana.
Jika Anda punya WOFF2 dari sebuah situs web dan membutuhkannya di Word, Figma, atau Photoshop, lakukan arah sebaliknya dengan WOFF ke TTF atau WOFF2 ke TTF. Untuk situs yang di-host sendiri, TTF ke WOFF2 adalah konversi yang Anda perlukan di hampir semua kasus.
| from ↓ · to → | TTF | OTF | WOFF | WOFF2 | EOT | SVG |
|---|---|---|---|---|---|---|
| TTF | TTF to TTF: yes | TTF to OTF: yes | TTF to WOFF: yes | TTF to WOFF2: yes | TTF to EOT: yes | TTF to SVG: yes |
| OTF | OTF to TTF: yes | OTF to OTF: yes | OTF to WOFF: yes | OTF to WOFF2: yes | OTF to EOT: yes | OTF to SVG: yes |
| WOFF | WOFF to TTF: yes | WOFF to OTF: yes | WOFF to WOFF: yes | WOFF to WOFF2: yes | WOFF to EOT: yes | WOFF to SVG: yes |
| WOFF2 | WOFF2 to TTF: yes | WOFF2 to OTF: yes | WOFF2 to WOFF: yes | WOFF2 to WOFF2: yes | WOFF2 to EOT: yes | WOFF2 to SVG: yes |
| EOT | EOT to TTF: yes | EOT to OTF: yes | EOT to WOFF: yes | EOT to WOFF2: yes | EOT to EOT: yes | EOT to SVG: yes |
| SVG | SVG to TTF: yes | SVG to OTF: yes | SVG to WOFF: yes | SVG to WOFF2: yes | SVG to EOT: yes | SVG to SVG: yes |
| TTC | TTC to TTF: yes | TTC to OTF: yes | TTC to WOFF: yes | TTC to WOFF2: yes | TTC to EOT: yes | TTC to SVG: yes |
| PFB | PFB to TTF: yes | PFB to OTF: yes | PFB to WOFF: yes | PFB to WOFF2: yes | PFB to EOT: yes | PFB to SVG: yes |
Penjelasan opsi subset, hinting, dan @font-face
| Pengaturan | Pilihan | Fungsinya | Ubah jika |
|---|---|---|---|
| Pertahankan karakter | Semua karakter, Latin dasar, Latin + aksen, Sirilik, Yunani, Vietnam, Hanya karakter yang saya ketik | Menghapus glyph di luar aksara yang dipilih | Font dipakai untuk situs web yang memakai satu atau dua aksara |
| Karakter yang dipertahankan | Teks bebas, hingga 5.000 karakter | Mempertahankan persis huruf yang Anda tempel | Logo, judul utama, atau tampilan angka hanya memerlukan beberapa glyph |
| Pertahankan ligatur & kerning | Aktif (bawaan) atau nonaktif | Menjaga ligatur fi/fl dan pasangan kerning untuk huruf yang tersisa | Anda butuh menghemat beberapa KB terakhir dan menerima spasi yang lebih longgar |
| Hinting | Pertahankan, Hapus, Auto-hint | Mempertahankan, menghapus, atau membuat instruksi yang menyelaraskan kontur ke grid piksel | Hapus untuk font web di layar berkepadatan tinggi; Auto-hint untuk font tanpa hinting di Windows |
| Sertakan CSS @font-face | Aktif atau nonaktif | Menambahkan file .css berisi aturan siap pakai yang menunjuk ke font | Anda memasang font ke situs secara manual |
| Nama keluarga / Nama gaya | Masing-masing hingga 63 karakter | Menulis ulang nama yang tersimpan di dalam font | Salinan hasil konversi harus bisa diinstal berdampingan dengan aslinya |
Subset adalah cara paling ampuh untuk memperkecil ukuran file. Keluarga font yang mencakup Latin, Yunani, Sirilik, dan Vietnam bisa berisi jauh lebih dari 1.000 glyph; situs berbahasa Inggris saja butuh kurang dari 100. Latin + aksen adalah pilihan aman untuk bahasa Eropa Barat dan Tengah, karena menambahkan karakter seperti é, ñ, ø, dan ł yang tidak ada di Latin dasar. Pertahankan Semua karakter untuk font apa pun yang Anda instal di komputer, karena glyph yang hilang nantinya muncul sebagai kotak kosong.
Hinting paling berpengaruh pada layar Windows beresolusi rendah. Di ponsel dan layar Retina efeknya hampir tidak terlihat, sehingga menghapusnya biasanya menghemat 10 sampai 30% pada font web. Keluaran SVG mengabaikan opsi hinting maupun subset karena font SVG menyimpan kontur path biasa. Opsi CSS tersedia untuk tujuan WOFF, WOFF2, EOT, dan TTF.
Lisensi font sebelum Anda mengonversi
- Hanya konversi font yang lisensinya Anda miliki; baca EULA yang menyertai font dan cari kata "web", "embedding", atau "self-hosting".
- Lisensi desktop jarang mencakup pemasangan font di situs web publik, karena font web bisa diunduh oleh setiap pengunjung.
- Font SIL Open Font License boleh dikonversi dan disajikan secara bebas, tetapi font dengan Reserved Font Name tidak boleh mempertahankan nama itu setelah dimodifikasi, dan FAQ OFL menganggap subset sebagai modifikasi. Isi Nama keluarga untuk mengganti namanya.
- Font bawaan Windows atau macOS dilisensikan untuk dipakai di sistem tersebut, bukan untuk didistribusikan ulang sebagai font web.
- Simpan file aslinya: konverter tidak pernah mengubah file unggahan Anda, tetapi salinan yang diganti nama atau di-subset bukan pengganti file master berlisensi.
Agar font hasil konversi bisa diinstal dan dimuat
| Lakukan | Hindari |
|---|---|
| Pilih Latin + aksen, aksara yang Anda perlukan, atau Semua karakter jika huruf tampil sebagai kotak; dengan Hanya karakter yang saya ketik, sertakan juga tanda baca dan angka | Mengklik dua kali file WOFF, WOFF2, atau SVG untuk menginstalnya; Windows melaporkannya sebagai font yang tidak valid |
| Konversi ke TTF atau OTF untuk font yang akan diinstal di Windows; hanya format itu yang diterima installer sistem | Mempertahankan nama keluarga internal asli pada salinan yang dimodifikasi, karena salinan itu akan menggantikan aslinya di menu font |
| Atur Nama keluarga menjadi misalnya "Inter Web" agar salinan hasil konversi bisa diinstal berdampingan dengan aslinya | Menghapus hinting dari font yang akan dibaca dalam ukuran kecil di PC Windows lama |
| Gunakan Pertahankan untuk font dengan hinting manual yang bagus dan Auto-hint untuk font yang tidak pernah punya hinting | Menyajikan font web dari origin lain tanpa header CORS; browser mengunduhnya lalu mengabaikannya |
Sesuaikan path src dan format("woff2") di aturan @font-face dengan file yang Anda unggah |
Pertanyaan seputar konversi font
Apakah legal mengonversi font yang saya beli?
Mengonversi file adalah urusan teknis; lisensilah yang menentukan apa yang boleh Anda lakukan dengan hasilnya. Banyak lisensi desktop mencakup instalasi di sejumlah komputer tertentu tetapi tidak mencakup penyajian font di situs web, yang biasanya memerlukan lisensi webfont terpisah. Font dengan SIL Open Font License, seperti sebagian besar Google Fonts, boleh dikonversi dan di-host sendiri.
Apa perbedaan font TTF dan OTF?
TTF berisi kontur TrueType yang digambar dengan kurva kuadratik; OTF biasanya berisi kontur PostScript (CFF) yang digambar dengan kurva kubik. Keduanya diinstal dengan cara yang sama di Windows dan macOS, dan keduanya bisa membawa fitur OpenType seperti ligatur. Konversi di antara keduanya menggambar ulang kurva, yang tidak terlihat pada ukuran normal.
Apakah kualitas font berkurang saat dikonversi ke WOFF2?
Tidak. WOFF2 adalah pembungkus terkompresi untuk data TrueType atau OpenType yang sama, dan browser mengekstraknya kembali ke kontur aslinya. Glyph, kerning, dan fiturnya tetap identik; hanya unduhannya yang menjadi lebih kecil.
Bisakah file font WOFF atau WOFF2 diinstal di komputer?
Windows dan macOS tidak menginstal WOFF atau WOFF2 secara langsung. Konversikan dulu ke TTF atau OTF dengan WOFF2 ke TTF, lalu klik dua kali hasilnya untuk menginstal.
Apakah situs web masih memerlukan font EOT atau SVG?
Hanya untuk browser yang sangat lama. EOT dibutuhkan Internet Explorer 6 sampai 8, dan IE 9 sudah membaca WOFF. Font SVG dihentikan Chrome pada 2014 dan tidak pernah ada di Firefox, jadi aturan @font-face modern cukup memakai WOFF2, dengan WOFF sebagai cadangan opsional.
Mengapa font web hasil konversi masih berukuran beberapa ratus KB?
Font masih berisi setiap aksara yang dirancang untuknya: keluarga font pan-Eropa bisa membawa glyph Latin, Yunani, Sirilik, dan Vietnam yang tidak pernah Anda tampilkan. Atur Pertahankan karakter ke aksara yang dipakai halaman Anda dan atur Hinting ke Hapus; bersama-sama keduanya sering memangkas file lebih dari separuh.
Bisakah variable font dikonversi ke WOFF2?
Bisa. Mengonversi variable font TTF ke WOFF2 mempertahankan sumbu-sumbunya, sehingga satu file tetap mencakup setiap ketebalan. Subset juga mempertahankan sumbu; hanya karakter yang dihapus yang hilang.
Semua alat Konversi Font
Pilih target persis yang diminta kepada Anda. Setiap halaman di bawah ini adalah alat yang sama dengan pengaturan bawaan berbeda.
- Konversi OTF ke TTFUbah font OpenType OTF menjadi TrueType TTF untuk aplikasi yang hanya menerima TTF. Pahami nasib kurva kubik dan hint PostScript, serta kapan perlu auto-hint.
- Konversi TTF ke OTFUbah font TrueType TTF ke OpenType OTF dengan outline CFF. Kurva kuadratik dikonversi persis ke kubik; lihat apa yang terjadi pada hinting dan fitur font.
- Konversi TTF ke SVGUbah font TrueType ke font SVG dengan setiap glyph tersimpan sebagai data path SVG, untuk alat icon font, Inkscape, dan kit webfont lama. Pahami bedanya dulu.
- Konversi TTF ke WOFFKemas font TrueType sebagai WOFF 1.0 untuk Internet Explorer 9–11, pembaca ebook lama, dan tema CMS lawas. Lihat kapan fallback WOFF masih layak dipakai.
- Ubah TTF ke WOFF2Ubah font TrueType menjadi web font WOFF2 terkompresi Brotli lengkap dengan aturan @font-face. Subset Latin atau kustom memperkecil unduhan lagi.
- Konversi WOFF ke OTFUbah font web WOFF menjadi OpenType OTF. WOFF berbasis CFF dibuka persis; yang berbasis TrueType ditulis ulang dengan kurva kubik. Periksa jenis milik Anda.
- Konversi WOFF ke TTFDekompresi font web WOFF 1.0 menjadi TrueType TTF yang bisa dipasang, dari kit webfont lama, cadangan situs, atau paket font ikon. Hingga 20 font per batch.
- Konversi WOFF2 ke TTFBongkar font web WOFF2 menjadi file TrueType TTF yang bisa dipakai Windows, macOS, Word, dan Figma. Pahami mengapa sebagian font web kehilangan huruf.