Instancer Font Variabel

• Instancing font variabel instan: instancer font variabel kami membaca semua sumbu font (berat, lebar, kemiringan, ukuran optis) dan menghasilkan instans statis seketika di browser Anda - tanpa unggahan server, tanpa pemrosesan cloud, tanpa menunggu.
• Instancer font variabel online yang aman: file font Anda tidak pernah meninggalkan perangkat saat memakai instancer font variabel online kami. Semua penguraian sumbu dan penghapusan tabel terjadi lokal memakai pustaka opentype.js di browser - 100% privat.
• Instancer font variabel tanpa instalasi: buat instans font variabel langsung di browser tanpa unduhan perangkat lunak, tanpa plugin, dan tanpa akun. Instancer font variabel kami bekerja di browser modern apa pun di sistem operasi apa pun.
• Instans bernama + kendali sumbu manual: terapkan instans bernama bawaan (Regular, Bold, Light, dll.) dengan sekali klik, atau geser slider sumbu untuk kendali presisi atas berat, lebar, kemiringan, ukuran optis, dan sumbu kustom apa pun.

• Optimasi performa web: kurangi bobot font untuk proyek web yang hanya memakai satu berat atau gaya. Menghapus tabel variabel dari font variabel 200 KB dapat menghasilkan instans statis 60-80 KB - peningkatan signifikan untuk waktu muat halaman.
• Peningkatan Core Web Vitals dan LCP: hilangkan overhead font variabel yang tidak perlu untuk halaman yang memakai satu gaya font saja. Instancer font variabel kami menghasilkan font statis yang memuat lebih cepat dan mengurangi permintaan font yang memblokir render.
• Pengemasan font aplikasi mobile: sertakan instans berat dan lebar tertentu di aplikasi mobile alih-alih font variabel lengkap. Instans statis lebih kecil dan lebih cepat dimuat di perangkat mobile dengan memori dan bandwidth terbatas.
• Pengiriman font pada design system: hasilkan instans berat tertentu (Regular 400, Medium 500, Bold 700) dari satu sumber font variabel untuk paket design system. Instans statis memastikan rendering konsisten di semua lingkungan.
• Kompatibilitas browser lama: buat instans font statis untuk lingkungan yang tidak mendukung font variabel - browser lama, generator PDF, dan klien email. Instancer font variabel kami menghasilkan keluaran TTF/OTF standar.
• Optimasi CDN dan aset statis: kurangi biaya penyimpanan dan bandwidth CDN dengan menyajikan instans statis alih-alih font variabel lengkap. Instans statis pada berat tertentu biasanya 40-60% lebih kecil daripada file font variabel lengkap.

Instancing font variabel adalah proses mengonversi font variabel - yang mengodekan rentang gaya kontinu di beberapa sumbu desain (berat, lebar, kemiringan, ukuran optis) - menjadi instans statis yang lebih kecil dan dibekukan pada nilai sumbu tertentu. Font variabel memakai spesifikasi OpenType 1.8 dan menyimpan data variasi glyph di tabel seperti fvar (variasi font), gvar (variasi glyph), dan HVAR/VVAR (variasi metrik). Tabel-tabel ini dapat menambah 50-150 KB pada file font. Instancer font variabel kami membaca definisi sumbu font memakai opentype.js, memungkinkan Anda menyetel nilai sumbu, dan menghapus tabel khusus variabel untuk menghasilkan font statis yang lebih kecil - semuanya lokal di browser Anda.

1. 1 Unggah font variabel Anda: seret dan lepas file font variabel apa pun (TTF, OTF, WOFF, WOFF2). Alat mengurai tabel fvar memakai opentype.js untuk mengekstrak semua definisi sumbu dan instans bernama - tidak ada data yang dikirim ke server.
2. 2 Setel nilai sumbu: gunakan preset instans bernama (Regular, Bold, Light, dll.) untuk pemilihan sekali klik, atau geser slider sumbu untuk menyetel nilai presisi berat, lebar, kemiringan, ukuran optis, dan sumbu kustom apa pun. Semua pemrosesan terjadi lokal di browser Anda.
3. 3 Unduh instans statis: klik "Buat Instans Statis" - alat menghapus tabel khusus variabel (fvar, gvar, avar, HVAR, VVAR, MVAR, STAT) dan mengunduh font statis yang lebih kecil. Panel hasil menampilkan ukuran asli, ukuran keluaran, dan persentase pengurangan.

• fvar (Font Variations): tabel definisi sumbu - mendefinisikan semua sumbu desain, rentangnya, dan instans bernama. Dihapus pada keluaran statis karena sumbu tidak lagi diperlukan.
• gvar (Glyph Variations): tabel variabel terbesar - menyimpan penyesuaian delta untuk setiap kontur glyph di setiap posisi sumbu. Menghapusnya memberi pengurangan ukuran terbesar.
• HVAR / VVAR (Metric Variations): menyimpan variasi lebar maju dan tinggi di seluruh ruang desain. Dihapus karena metrik dibekukan pada nilai sumbu yang dipilih.
• STAT / avar / MVAR / cvar: tabel variasi tambahan untuk atribut gaya, normalisasi sumbu, variasi metrik, dan variasi CVT - semuanya dihapus pada keluaran instans statis.

Alat ini melakukan penghapusan tabel - ia menghapus tabel khusus font variabel untuk menghasilkan font yang lebih kecil, tetapi tidak menerapkan penyesuaian delta pada tingkat glyph ke konturnya. Font keluaran memakai kontur glyph bawaan dari font variabel, yang mungkin tidak persis sama dengan tampilan yang dirender pada nilai sumbu non-bawaan. Untuk instancing lengkap pada tingkat glyph (menerapkan penyesuaian delta agar menghasilkan kontur tepat pada nilai sumbu yang dipilih), gunakan instancer fonttools (fonttools varLib.instancer) atau alat desktop instancer font variabel dari Google Fonts.