Font Subsetter

Cara membuat subset font

1. Periksa lisensinya. Subsetting membuat salinan font yang dimodifikasi. Lisensi terbuka seperti SIL Open Font License (OFL) dan Apache 2.0 mengizinkannya; banyak lisensi komersial untuk desktop dan web tidak mengizinkannya, atau hanya dengan syarat tertentu. Baca lisensi font Anda terlebih dahulu.
2. Letakkan file TTF, OTF, atau WOFF di area unggah, atau klik area tersebut untuk memilih file. Panel Font asli menampilkan keluarga font, format, ukuran file, jumlah glyph, dan jumlah karakter yang dipetakan font tersebut.
3. Pilih Karakter yang dipertahankan: Latin dasar, Latin-1, Latin, seperti di Google Fonts, Prancis, dan Angka dan tanda angka bisa digabungkan. Tambahkan karakter Anda sendiri di Karakter dari teks (setiap karakter unik dari teks tersebut dipertahankan) atau di Rentang Unicode, yang ditulis seperti CSS: U+0020-007E, U+2013, U+04??.
4. Centang Hapus hinting jika Anda menginginkan file sekecil mungkin.
5. Klik Subset font. Mesinnya (sekitar 650 KB) dimuat saat pertama kali, lalu font diproses di perangkat Anda.
6. Bandingkan ukurannya di Hasil, lihat Pratinjau subset, lalu gunakan Unduh TTF (atau OTF) dan Unduh WOFF, dan salin aturan CSS @font-face.

File font tidak pernah meninggalkan komputer Anda: file dibaca, di-subset, dan dikemas ulang di browser.

Untuk situs berbahasa Indonesia, preset Latin dasar sudah mencakup semua huruf bahasa Indonesia. Pilih Latin, seperti di Google Fonts jika teks Anda juga memakai tanda kutip melengkung (“ ”), tanda pisah (–, —), atau simbol seperti €.

Apa yang dilakukan subsetting

Sebuah font sering berisi ratusan atau ribuan glyph: Sirilik, Yunani, Vietnam, simbol, bentuk alternatif. Halaman berbahasa Indonesia atau Inggris hanya memakai sebagian kecil dari semua itu. Alat ini menjalankan hb-subset, subsetter dari mesin teks HarfBuzz (kode yang sama yang dipakai Google Fonts dan banyak alat build), yang dikompilasi ke WebAssembly. Alat ini mempertahankan glyph untuk karakter yang Anda pilih, ditambah glyph yang dibutuhkan fitur OpenType untuk menampilkannya (ligatur seperti “fi”, small caps, dan bentuk beraksen jika bisa dijangkau dari karakter Anda), lalu menghapus sisanya. Tabel kerning dan tabel tata letak lainnya ikut dipangkas agar sesuai.

Hasil yang umum: font lengkap Latin + Sirilik + Yunani berukuran 300 KB bisa turun menjadi 20 atau 30 KB untuk teks berbahasa Prancis, dan font logo yang di-subset ke huruf-huruf satu kata sering hanya berukuran beberapa kilobyte.

Baris Tidak ada di font mencantumkan karakter yang Anda minta tetapi tidak dimiliki font tersebut. Browser akan menampilkannya dengan font cadangan.

Format output dan unicode-range

• TTF/OTF: subset mempertahankan jenis outline font aslinya (TrueType atau CFF).
• WOFF: font yang sama dengan setiap tabel dikompresi menggunakan zlib. Semua browser modern bisa membacanya. Input WOFF didekompresi terlebih dahulu.
• WOFF2 tidak tersedia: kompresi Brotli dan transformasi tabelnya tidak memiliki enkoder di browser, dan file WOFF2 juga tidak bisa dibaca di sini. Konversi WOFF2 ke TTF terlebih dahulu (misalnya dengan fontTools). Server Anda juga bisa mengompresi TTF/OTF dengan gzip atau Brotli secara langsung.

Aturan CSS @font-face mencantumkan file WOFF terlebih dahulu, mengatur font-display: swap, dan menambahkan unicode-range yang dibuat dari karakter yang benar-benar ada di subset. Dengan unicode-range, browser hanya mengunduh file saat halaman memakai salah satu karakter tersebut, sehingga Anda bisa memecah satu keluarga font menjadi beberapa file (misalnya Latin dan Sirilik) dan setiap pengunjung hanya memuat yang dibutuhkannya. Edit Nama font-family agar sesuai dengan nama yang dipakai di stylesheet Anda.