Pemuatan Halaman Lebih Cepat
File font yang lebih kecil diunduh lebih cepat, meningkatkan metrik LCP (Largest Contentful Paint), yang sangat penting untuk kinerja situs.
Penyusun Subset Font
Kurangi ukuran file font web Anda dengan membuat subset font. Hanya simpan karakter yang Anda butuhkan, dengan dukungan untuk karakter kustom, rentang Unicode, dan pratinjau langsung. Tingkatkan kinerja situs Anda dan Core Web Vitals.
Iklan
Iklan
A font subsetter reduces font file sizes by extracting only the characters (glyphs) you actually need. A full font file may contain thousands of glyphs for multiple languages, but a website typically uses only a few hundred. Subsetting a font from 500 KB to 50 KB dramatically improves page load speed. This tool processes fonts locally using opentype.js -- no font files are uploaded.
Kecilkan file font sebesar 80-95% tanpa mengunggahnya
Simpan hanya karakter yang benar-benar digunakan situs web Anda. Mendukung TTF, OTF, WOFF, dan WOFF2 dengan rentang Unicode. Semua diproses secara lokal.
Faster page loads
100% privat
Gratis tanpa batas
Cara menggunakan
- 1
Unggah Font
Unggah file font .TTF, .OTF, .WOFF, atau .WOFF2 Anda menggunakan area seret dan lepas.
- 2
Tentukan Karakter
Masukkan semua karakter yang benar-benar digunakan di situs Anda ke dalam kotak teks. Anda juga dapat menambahkan rentang Unicode umum, seperti U+4E00-9FFF untuk karakter Cina.
- 3
Pilih Format Output
Pilih format output yang Anda inginkan, baik OTF atau TTF, dari pengaturan ekspor.
- 4
Buat Subset & Unduh
Klik 'Buat Subset'. Alat akan menghasilkan file font baru yang lebih kecil. Unduh font yang dioptimalkan dan gunakan di proyek Anda.
Mengapa Membuat Subset Font Anda?
Pengalaman Pengguna yang Lebih Baik
Pengguna melihat konten teks Anda lebih cepat, mengurangi waktu tunggu, yang dapat menurunkan rasio pentalan dan meningkatkan kepuasan.
Core Web Vitals yang Ditingkatkan
Kecepatan halaman adalah faktor peringkat utama untuk mesin pencari seperti Google. Mengoptimalkan font adalah cara yang ampuh untuk meningkatkan skor Core Web Vitals Anda.
Iklan
Memahami Subsetting Font
Mengapa file font begitu besar
Modern font files (OTF, TTF, WOFF, WOFF2) contain much more than letter shapes. A typical Latin font includes uppercase and lowercase letters, digits, punctuation, accented characters, ligatures, alternate glyphs, kerning pairs, and OpenType features (small caps, old-style figures, contextual alternates). A comprehensive font family can include 1,000+ glyphs. When you use a font on a website that only displays English text, you're shipping 90% of the font's data unused -- wasting bandwidth and slowing page load.
Font subsetting solves this by extracting only the glyphs you need. For an English-only website, you might need just the 95 printable ASCII characters -- reducing the font from 500 KB to 20-50 KB. For a site that uses basic Latin + common accented characters, you might need 200 glyphs. The subsetting tool uses opentype.js to parse the font's binary structure, extract the specified glyphs and their associated metrics (kerning, advance widths), and rebuild a valid font file with only those glyphs.
Format WOFF2 menyediakan kompresi tambahan di atas subsetting. WOFF2 menggunakan kompresi Brotli, yang mencapai rasio kompresi 15-30% lebih baik daripada kompresi deflate yang digunakan dalam WOFF. Untuk penggunaan web, WOFF2 direkomendasikan karena memberikan ukuran file terkecil sambil mempertahankan kualitas penuh.
Iklan
Practical subsetting strategies
For most websites, the simplest strategy is to subset to the Unicode Basic Latin range (U+0020 to U+007E), which covers all ASCII characters. This is sufficient for English content. For multilingual sites, subset to the specific Unicode ranges needed for each language and use the unicode-range CSS property to load only the relevant subset for each page. Google Fonts uses this technique -- it serves different subsets based on the page's content.
When subsetting, be careful not to remove glyphs that are referenced by OpenType features. For example, small caps feature (smcp) replaces lowercase letters with small capital versions -- if you remove the small caps glyphs, the feature will break. Our tool preserves the font's feature definitions but only includes the glyphs you specify. If you need OpenType features, include all glyphs that those features reference. For body text on the web, it's often best to disable complex OpenType features and subset to just the basic letterforms.
Iklan
Bagaimana ini dibandingkan dengan alat subset font lain?
Perbandingan langsung alat subset font populer.
| Fitur | NovaTools | Font Squirrel | Everything Fonts |
|---|---|---|---|
| Privasi (tanpa unggah) | 100% browser | Unggah ke server | Unggah ke server |
| Input TTF, OTF, WOFF | Semua format | Terbatas | |
| Output WOFF2 | |||
| Set karakter kustom | Terbatas | ||
| Preserves OpenType features | |||
| Tanpa pendaftaran | Email diperlukan |
Font Squirrel dan subsetter berbasis server lainnya mengharuskan Anda mengunggah file font. Alat kami menggunakan opentype.js untuk memproses semuanya secara lokal di browser Anda.
Pertanyaan yang sering diajukan
Apakah file font saya aman? Apakah diunggah?
Ya, 100% aman. Semua pemrosesan font terjadi secara lokal di browser Anda. File font Anda tidak pernah diunggah ke server kami, memastikan data Anda tetap pribadi.
Mengapa file font saya menjadi LEBIH BESAR setelah penyusunan subset?
Ini bisa terjadi pada font asli yang sangat kecil atau sangat dioptimalkan. Alat ini membangun kembali file font dari awal, dan struktur baru ini terkadang bisa kurang padat daripada aslinya. Jika ini terjadi, itu berarti font Anda sudah sangat efisien dan Anda harus terus menggunakan file aslinya.
Format output mana yang harus saya pilih: OTF atau TTF?
Untuk pengembangan web modern, keduanya adalah titik awal yang sangat baik. Setelah penyusunan subset, praktik terbaik adalah mengonversi font yang dihasilkan ke format `.woff2` untuk kompresi maksimum.
Bisakah saya menggunakan font subset dalam proyek komersial?
Anda harus mematuhi lisensi font asli yang Anda unggah. Menyusun subset font tidak mengubah lisensinya. Pastikan Anda memiliki hak untuk mengubah dan menggunakan font untuk tujuan Anda.
Berapa banyak saya dapat mengurangi ukuran file font?
The amount of reduction depends on the original font size and the number of characters you keep. A typical Latin font contains 400-700 glyphs (including uppercase, lowercase, numbers, punctuation, accented characters, and symbols) and weighs 80-200 KB as TTF. If you subset to only the 50-80 characters used on a typical English website (A-Z, a-z, 0-9, basic punctuation), the file size drops to 15-40 KB — an 80% reduction. CJK fonts (Chinese, Japanese, Korean) can be dramatically larger (5-20 MB) because they contain thousands of characters. Subsetting a CJK font to the 2,000 most common characters can reduce the file size by 90%+.
Karakter apa yang harus saya sertakan dalam subset saya?
At minimum, include all characters that appear on your website: uppercase A-Z, lowercase a-z, digits 0-9, and all punctuation marks used in your content (periods, commas, quotes, hyphens, etc.). Also include any special characters specific to your content (currency symbols, mathematical operators, arrows). For multi-language sites, include the accented characters for each language you support (e.g., à, é, ü, ñ for French, German, Spanish). For CJK sites, include the most common 1,000-3,500 characters for your language. A good approach is to scan your website's text content and extract the unique character set — this ensures you don't miss any characters while keeping the subset as small as possible.
Apa itu rentang Unicode dan bagaimana cara menggunakannya?
Unicode ranges (like U+0041-005A for uppercase A-Z) specify a contiguous block of characters in the Unicode standard. The tool accepts both individual characters and Unicode ranges in the input field. For example, 'A-Za-z0-9' specifies all ASCII letters and digits. 'U+4E00-9FFF' specifies the CJK Unified Ideographs block (common Chinese characters). 'U+3040-309F' specifies Hiragana (Japanese). You can combine characters and ranges: 'Hello World U+4E00-9FFF' would include the characters in 'Hello World' plus all common Chinese characters. This is useful for multi-language websites that need both Latin and CJK characters.
Apakah subsetting akan memengaruhi kualitas rendering font?
Tidak. Subsetting mempertahankan outline glyph, instruksi hinting, dan pasangan kerning yang sama persis seperti font asli. Karakter yang disertakan identik dengan yang asli. Satu-satunya perubahan adalah bahwa karakter yang tidak disertakan dihapus, mengurangi ukuran file. Tidak ada kehilangan kualitas untuk karakter yang tersisa.
Privasi Anda Adalah Prioritas Kami
Alat ini berjalan sepenuhnya di browser Anda. File Anda tidak diunggah, disimpan, atau dianalisis.
- Kami tidak mengunggah, menyimpan, atau menganalisis file Anda.
- Semua yang Anda proses tetap di perangkat Anda.
- Tidak ada pemrosesan sisi server, penyimpanan cloud, atau analisis.
Bahkan jika koneksi internet Anda terputus, file Anda tetap aman.
Anda mungkin juga suka
Jelajahi topik ini
Panduan terkait
Mengapa Font Subsetting adalah Senjata Rahasia Anda untuk Mempercepat Waktu Muat Halaman
Pelajari apa itu font subsetting, mengapa sangat penting untuk Core Web Vitals dan SEO, dan cara menggunakan alat online gratis kami untuk mengurangi ukuran file font secara drastis demi performa website yang lebih baik.
Cara encode dan decode teks Base64 dengan aman
Pelajari apa itu Base64, kapan memakai Base64 standar atau URL-safe, dan cara encode/decode teks secara lokal di browser.
10 Alat Produktivitas Pengembang Gratis yang Benar-Benar Menghemat Waktu
Temukan alat pengembang gratis terbaik yang meningkatkan produktivitas tanpa menghabiskan banyak uang. Dari pemformat kode hingga penguji API, alat-alat ini akan menyederhanakan alur kerja Anda.
Iklan