Struktur folder lengkap
URL yang dihasilkan cocok dengan direktori font yang disertakan.
Pembuat Font Web
Kemas file font dengan CSS siap pakai dan halaman pratinjau HTML.
File font
Nama keluarga font CSS
Isi bundel
Font yang dipilih muncul di sini.
Kit ini mencakup file font yang siap untuk browser Anda, @font-face CSS, pratinjau, dan catatan pengaturan.
Pribadi secara defaultMasukan dan file Anda diproses di perangkat ini.
Gratis dan instanTidak diperlukan akun, antrian, atau instalasi perangkat lunak.
Siap digunakanSalin atau unduh hasilnya segera setelah dibuat.
Cara menggunakan Pembuat Font Web
Dapatkan hasil yang andal dalam tiga langkah mudah.
Pilih file font
Tambahkan satu atau lebih file font berlisensi yang kompatibel dengan browser.
Tetapkan nama keluarga
Gunakan nama CSS yang akan muncul di seluruh stylesheet Anda.
Unduh kitnya
Terima ZIP dengan font, @font-face CSS, pratinjau HTML, dan catatan pengaturan.
Dibangun untuk pekerjaan sehari-hari
Berguna tanpa kesibukan
Kontrol terfokus, umpan balik langsung, dan tidak ada pertanggungjawaban antara Anda dan hasilnya.
Banyak beban
Kemas sekumpulan file font ke dalam satu kit yang dapat diterapkan.
Halaman pratinjau
Buka file HTML yang disertakan untuk memverifikasi pemuatan dan contoh mesin terbang.
Panduan praktis
Apa itu Pembuat Font Web?
Kit font web menggabungkan file font yang dapat dimuat di browser dengan @font-face CSS yang memberi nama keluarga, format sumber, gaya, bobot, dan perilaku pemuatan. Menyatukan bagian-bagian tersebut akan mencegah URL font rusak selama penerapan.
Generator ini mengemas file TTF, OTF, WOFF, dan WOFF2 yang ada; itu tidak mengubah garis besar mesin terbang atau membuat format yang dikonversi. WOFF2 biasanya merupakan format pengiriman terbaik bila Anda sudah memiliki salinan berlisensi.
Aplikasi praktis
Kapan menggunakan alat ini
Cara umum Pembuat Font Web cocok dengan proyek nyata dan tugas sehari-hari.
Tipografi yang dihosting sendiri
Terapkan font merek tanpa bergantung pada CDN pihak ketiga.
Sistem desain
Buat paket awal yang konsisten untuk tim aplikasi.
Font QA
Pratinjau file dan konfirmasikan konfigurasi keluarga mereka.
Proyek luring
Aset jenis bundel untuk antarmuka dan dokumentasi lokal.
Jawaban yang bermanfaat
Pertanyaan yang sering diajukan
Jawaban cepat tentang pembuat font web dan cara kerja halaman ini.
Apakah ini mengubah TTF menjadi WOFF2?
Tidak. Ini mengemas file yang kompatibel dengan browser yang Anda berikan dengan CSS dan pratinjau.
Format mana yang terbaik untuk situs web?
WOFF2 umumnya menawarkan kompresi web modern terbaik, dengan format lain yang digunakan sesuai kebutuhan kompatibilitas.
Bisakah saya memasukkan banyak bobot?
Ya. File diberi nilai bobot progresif di CSS awal, yang dapat Anda sesuaikan agar sesuai dengan kelompok sebenarnya.
Bisakah setiap font dihosting sendiri?
Tidak. Tinjau lisensi font sebelum mendistribusikan atau menyematkannya.