Pemotong Font
Kurangi ukuran file font dengan mengekstrak
hanya karakter yang Anda butuhkan di browser.
1. Muat File Font
Anda mungkin juga suka
Tentang Alat
Pemotong Font adalah alat pengembang yang membuat file font baru yang ringan dengan mengekstrak hanya karakter spesifik yang Anda butuhkan dari file TTF, OTF, atau WOFF. Ini sangat efektif untuk font dengan sejumlah besar glif (glyph), seperti font Jepang atau Cina, di mana itu dapat mengurangi ukuran file lebih dari 90%, secara signifikan meningkatkan kecepatan pemuatan situs web Anda (LCP, dll.).
Alat ini menggunakan "opentype.js" untuk memproses semuanya secara langsung di dalam browser Anda. File font Anda tidak pernah diunggah ke server eksternal mana pun. Anda dapat dengan aman memproses font komersial yang sangat rahasia sekalipun sepenuhnya secara offline.
Cara Menggunakan Pemotong Font
Muat File Font
Seret & lepas atau klik untuk memilih file font (TTF/OTF, dll.) yang ingin Anda optimalkan ke area unggahan di bagian atas layar.
Pilih Karakter
Di tab "Karakter Target", pilih prasetel (ASCII, Hiragana, dll.) atau masukkan langsung karakter spesifik yang ingin Anda gunakan.
Hasilkan & Pratinjau
Klik "Hasilkan Subset" untuk pemrosesan instan. Periksa tab "Pratinjau" untuk melihat font beraksi, dan unduh jika terlihat bagus.
Glosarium Terkait
- Subsetting
- Proses menghapus data karakter (glyph) yang tidak perlu dari file font, hanya menyisakan karakter yang diperlukan untuk mengurangi ukuran file secara keseluruhan. Terutama digunakan untuk mempercepat waktu pemuatan font web.
- Glyph
- Representasi visual atau data bentuk dari sebuah karakter. Satu file font dapat berisi ribuan hingga puluhan ribu glyph, menjadikan font CJK (Cina, Jepang, Korea) sangat besar.
- TTF (TrueType Font)
- Format font outline standar yang dikembangkan oleh Apple dan Microsoft. Ini didukung secara luas di berbagai lingkungan, dari penerbitan desktop hingga aplikasi web.
- OTF (OpenType Font)
- Dikembangkan bersama oleh Adobe dan Microsoft, OTF adalah perpanjangan dari TTF. Ini mendukung fitur tipografi tingkat lanjut seperti ligatur dan karakter alternatif, membuatnya populer untuk tipografi profesional.
- WOFF / WOFF2
- Web Open Font Format, format yang dioptimalkan (dikompresi) khusus untuk font web. WOFF2 menawarkan tingkat kompresi yang lebih unggul dan merupakan format yang disarankan untuk pengiriman font web modern.
Pertanyaan yang Sering Diajukan (FAQ)
- Q.Berapa banyak ukuran file akan berkurang?
- Bergantung pada jumlah karakter, tetapi tidak jarang file berukuran multi-megabyte berkurang menjadi ratusan kilobyte (pengurangan lebih dari 90%) saat mengekstrak beberapa ratus karakter dari font CJK.
- Q.Apakah font yang diunggah disimpan di server?
- Tidak. Semua pemrosesan diselesaikan di komputer Anda menggunakan JavaScript browser (opentype.js), sehingga font komersial yang sangat rahasia sekalipun dapat digunakan dengan aman.
- Q.Dapatkah saya menggunakan font yang dipotong secara komersial?
- Alat ini hanya melakukan proses pemotongan. Apakah font keluaran dapat digunakan secara komersial bergantung pada lisensi font asli. Harap periksa ketentuan penggunaan font asli.
- Q.Apakah Anda mendukung keluaran WOFF2?
- Alat ini mengeluarkan format TTF. Harap gunakan alat khusus terpisah untuk mengonversi ke WOFF2 atau format lainnya.
- Q.Bagaimana cara mencegah karakter yang hilang?
- Jika karakter khusus seperti surrogate pair atau emoji disertakan, pastikan untuk memasukkannya secara manual ke dalam bidang karakter kustom.
Kasus Penggunaan
Berikut adalah skenario umum di mana pemotongan font memberikan manfaat signifikan.
Performa Web (Core Web Vitals)
Memuat font web CJK berukuran multi-megabyte memblokir rendering dan sangat menunda visibilitas teks (LCP dan FCP).
Solusi: Dengan memotong font untuk menyertakan hanya karakter tertentu yang digunakan di situs Anda, Anda dapat mengompresi file hingga beberapa ratus kilobyte, memungkinkan rendering teks yang hampir instan.
Pengembangan Aplikasi Seluler & Game
Aplikasi seluler dan game menghadapi batas ukuran unduhan yang ketat dan batasan penyimpanan, yang memerlukan pengoptimalan aset yang konstan.
Solusi: Bundel font terpotong yang hanya berisi glyph yang diperlukan untuk UI dan teks statis Anda guna mengurangi ukuran aplikasi secara signifikan.
Tipografi Halaman Landas (LP)
Bila Anda ingin menggunakan font desain tebal yang dikhususkan untuk catchphrase dan tajuk di LP kampanye tanpa mengorbankan kecepatan memuat.
Solusi: Buat font yang sangat ringan yang hanya berisi beberapa puluh karakter yang digunakan dalam tajuk Anda, menghadirkan tipografi indah secara instan.
Email HTML dan Penyematan EPUB
Email HTML membatasi pemuatan sumber daya eksternal, dan eBook EPUB memiliki batasan ukuran file yang ketat untuk aset yang disematkan.
Solusi: Enkode font yang dipotong secara minimal dengan Base64 secara langsung ke dalam HTML atau EPUB Anda untuk memastikan tipografi yang konsisten tanpa melanggar batas ukuran atau batasan pengambilan eksternal.
Implementasi Teknis
Manipulasi Font Sisi Klien dengan opentype.js
Alat ini didukung oleh perpustakaan sumber terbuka opentype.js. Seluruh proses—mengurai file font, mengekstrak glyph yang diperlukan, dan menghasilkan file font yang baru direkonstruksi—dieksekusi seluruhnya di dalam mesin JavaScript browser web Anda.
Berbeda dengan pemroses font sisi server, pendekatan ini menghilangkan kebutuhan untuk mengunggah dan mengunduh file font besar melalui jaringan, sehingga menghasilkan waktu pemrosesan yang jauh lebih cepat. Lebih penting lagi, hal ini memastikan privasi dan keamanan penuh, karena file font Anda (termasuk lisensi komersial) tidak pernah meninggalkan perangkat Anda.
Kirim Umpan Balik
Beri tahu kami pendapat Anda untuk membantu kami menyempurnakan alat ini.
Umpan balik sementara ditangguhkan
Server sedang sibuk atau perlindungan spam aktif. Silakan coba lagi nanti.