@font-face Penjana Webfont
Fon berubah, WOFF2 dan CSS dalam satu klik
Jatuhkan fail TTF, OTF, WOFF atau WOFF2 anda — termasuk fon berubah — pilih tetapan anda, dan muat turun pakej sedia untuk dihoskan dengan WOFF2, WOFF, stylesheet.css lengkap dan halaman demo langsung.
Jatuhkan fon di sini atau klik untuk melayari
TTF, OTF, WOFF, WOFF2 dan fon berubah — pelbagai fail dibenarkan
Fon yang dipilih
Tetapan penukaran
Ini adalah nama yang akan anda gunakan dalam CSS anda, seperti font-family: 'MyName';. Biarkan kosong untuk mengekalkan nama keluarga asal setiap fon dari fail.
Mengawal bagaimana teks ditunjukkan semasa webfont dimuat.
Jalan yang digunakan dalam url(...) dalam stylesheet yang dihasilkan.
Petua: tekan Ctrl+Enter untuk menghasilkan.
Pakej webfont anda sudah siap
ZIP mengandungi: fon yang ditukar, stylesheet.css dan demo.html langsung.
100% di sisi klien
Penukaran berjalan sepenuhnya dalam pelayar anda menggunakan WebAssembly. Fon anda tidak pernah dimuat naik.
Fon berubah & semua format
TTF, OTF, WOFF dan WOFF2 dalam — WOFF2 yang dioptimumkan keluar, dengan sokongan paksi fon berubah penuh (wght, wdth, slnt, ital).
Output sedia untuk pengeluaran
Menghantar stylesheet.css dengan paparan-fon yang betul, local() pilihan dan demo.html supaya anda boleh terus meletakkan pakej ke dalam projek anda.
Apakah penjana webfont?
Penjana webfont menukar fail fon desktop atau yang dimuat turun (TTF, OTF, WOFF, WOFF2 — termasuk fon berubah moden) kepada format yang boleh dimuat oleh pelayar di web — terutamanya WOFF2 hari ini, dengan WOFF sebagai fallback warisan — dan menghasilkan deklarasi CSS @font-face yang sepadan supaya anda boleh menghoskan tipografi laman web anda sendiri.
Mengapa menghoskan fon sendiri?
Menghoskan sendiri memberi anda kawalan penuh ke atas prestasi, privasi dan kebolehpercayaan. Tiada permintaan pihak ketiga kepada Google Fonts (berguna untuk GDPR), tiada pencarian DNS tambahan, anda boleh memuatkan fail terlebih dahulu, dan anda menentukan dengan tepat berat, gaya dan paksi mana yang dihantar bersama laman anda.
Bagaimana penukaran berfungsi
WOFF2 membungkus garis besar TTF/OTF anda dalam bekas yang dimampatkan Brotli yang direka khusus untuk web — biasanya 30% lebih kecil daripada WOFF dan lebih daripada 50% lebih kecil daripada TTF mentah. WOFF adalah pembungkus zlib yang lebih lama, disimpan sebagai fallback untuk pelayar yang sangat lama. Penjana kami menjalankan pengekod dan penyahkod WOFF2 rasmi Google yang dikompilasi ke WebAssembly, jadi penukaran berlaku secara tempatan dalam pelayar anda. Jatuhkan WOFF2 yang anda muat turun dari Google Fonts dan kami mendekodnya secara telus kembali ke bekas sfnt sebelum menyandi semula — anda tidak perlu mencari TTF asal.
Apa yang anda dapat dalam pakej
- Fon dalam WOFF2 (dan pilihan WOFF/TTF) untuk setiap wajah yang dimuat naik — termasuk fon berubah yang disimpan sebagai satu fail kecil.
- Satu stylesheet.css lengkap dengan satu peraturan @font-face bagi setiap fail, petunjuk format() yang betul, julat font-weight, font-style, font-stretch, font-display dan local() pilihan.
- Halaman demo.html supaya anda boleh pratonton setiap berat, gaya dan paksi pada pelbagai saiz sebelum pergi secara langsung.
- Penyisipan Base64 pilihan untuk menghantar fon secara dalam talian dalam CSS anda untuk senario luar talian pertama atau pakej satu fail.
Privasi & pelesenan
Fail tidak pernah meninggalkan peranti anda — semuanya diproses dalam pelayar anda. Sentiasa pastikan lesen fon anda membenarkan penyisipan webfont sebelum menerbitkannya di laman web anda.