@font-face Generator Webfont
Font variabel, WOFF2 dan CSS dalam satu klik
Jatuhkan file TTF, OTF, WOFF atau WOFF2 Anda — termasuk font variabel — pilih pengaturan Anda, dan unduh bundel siap-host dengan WOFF2, WOFF, stylesheet.css lengkap dan halaman demo langsung.
Seret font ke sini atau klik untuk menjelajah
TTF, OTF, WOFF, WOFF2 dan font variabel — beberapa file diperbolehkan
Font yang dipilih
Pengaturan konversi
Ini adalah nama yang akan Anda gunakan di CSS Anda, seperti font-family: 'MyName';. Biarkan kosong untuk mempertahankan nama keluarga asli setiap font dari file.
Mengontrol bagaimana teks ditampilkan saat webfont sedang dimuat.
Jalur yang digunakan di dalam url(...) di stylesheet yang dihasilkan.
Tip: tekan Ctrl+Enter untuk menghasilkan.
Paket webfont Anda siap
ZIP berisi: font yang dikonversi, stylesheet.css dan demo.html langsung.
100% sisi klien
Konversi berjalan sepenuhnya di browser Anda menggunakan WebAssembly. Font Anda tidak pernah diunggah.
Font variabel & semua format
TTF, OTF, WOFF dan WOFF2 masuk — WOFF2 yang dioptimalkan keluar, dengan dukungan penuh sumbu font variabel (wght, wdth, slnt, ital).
Keluaran siap produksi
Mengirimkan stylesheet.css dengan font-display yang tepat, opsional local() dan demo.html sehingga Anda dapat langsung memasukkan bundel ke dalam proyek Anda.
Apa itu generator webfont?
Generator webfont mengubah file font desktop atau yang diunduh (TTF, OTF, WOFF, WOFF2 — termasuk font variabel modern) menjadi format yang dapat dimuat browser melalui web — terutama WOFF2 saat ini, dengan WOFF sebagai cadangan warisan — dan menghasilkan deklarasi CSS @font-face yang cocok sehingga Anda dapat meng-host tipografi situs web Anda sendiri.
Mengapa menghosting font sendiri?
Hosting sendiri memberi Anda kontrol penuh atas kinerja, privasi, dan keandalan. Tidak ada permintaan pihak ketiga ke Google Fonts (berguna untuk GDPR), tidak ada pencarian DNS tambahan, Anda dapat memuat file sebelumnya, dan Anda memutuskan dengan tepat berat, gaya, dan sumbu mana yang dikirimkan dengan situs Anda.
Bagaimana cara konversi bekerja
WOFF2 membungkus garis besar TTF/OTF Anda dalam wadah terkompresi Brotli yang dirancang khusus untuk web — biasanya 30% lebih kecil dari WOFF dan lebih dari 50% lebih kecil dari TTF mentah. WOFF adalah pembungkus zlib yang lebih lama, dipertahankan sebagai cadangan untuk browser yang sangat tua. Generator kami menjalankan pengkode dan pengkode ulang WOFF2 resmi Google yang disusun ke dalam WebAssembly, sehingga konversi terjadi secara lokal di dalam browser Anda. Masukkan WOFF2 yang Anda unduh dari Google Fonts dan kami secara transparan mendekodekannya kembali ke wadah sfnt sebelum mengkode ulang — Anda tidak perlu mencari TTF asli.
Apa yang Anda dapatkan dalam paket
- Font dalam WOFF2 (dan opsional WOFF/TTF) untuk setiap wajah yang diunggah — termasuk font variabel yang disimpan sebagai satu file kecil.
- Sebuah stylesheet.css lengkap dengan satu aturan @font-face per file, petunjuk format() yang benar, rentang font-weight, font-style, font-stretch, font-display, dan opsional local().
- Halaman demo.html sehingga Anda dapat melihat setiap berat, gaya, dan sumbu dalam berbagai ukuran sebelum diluncurkan.
- Penyisipan Base64 opsional untuk mengirim font secara inline dalam CSS Anda untuk skenario offline-first atau file tunggal.
Privasi & lisensi
File tidak pernah meninggalkan perangkat Anda — semuanya diproses di browser Anda. Selalu pastikan lisensi font Anda mengizinkan penyisipan webfont sebelum menerbitkannya di situs web Anda.