Penukar TTF ke WOFF2
Mengehos fon sendiri bermula di sini: WOFF2 ialah format yang dimuat turun dahulu oleh setiap pelayar semasa, dan ia pembalut paling kecil untuk data TrueType yang sudah anda miliki. Halaman ini juga menulis peraturan CSS untuk memuatkannya.
Penukar Fon
atau seret Fail TTF, OTF, WOFF … ke sini ·
Maks 95 MB setiap fail· Sehingga 20 fail· Dipadam selepas 30 minit
Fail diproses pada pelayan kami dan dipadam selepas 30 minit.
Membuang skrip yang tidak anda gunakan boleh mengecilkan fon web daripada ratusan KB kepada kurang daripada 30 KB. Kekalkan semua aksara untuk fon yang anda pasang pada komputer.
Tampal teks atau aksara yang mesti dilindungi oleh fon, cth. perkataan logo atau tajuk utama. Selebihnya dibuang.
Hint menajamkan teks kecil pada skrin Windows. Membuangnya sering menjimatkan 10–30% pada fon web; auto-hint menambahnya pada fon yang tiada hint.
Biarkan kosong untuk mengekalkan nama asal. Menamakan semula membolehkan anda memasang fon yang ditukar bersebelahan fon asal tanpa konflik.
Cth. Regular, Bold, Italic. Biarkan kosong untuk mengekalkan nama gaya asal.
Cara menggunakan alat ini
- 1
Muat naik fail TTF
Tambah setiap berat dan gaya yang anda rancang untuk digunakan, sehingga 20 fail dengan setiap satu maksimum 95 MB. TTF boleh ubah (variable) juga disokong dan paksinya dikekalkan.
- 2
Biarkan CSS aktif, buat subset jika boleh
Sertakan CSS @font-face sudah ditandakan. Di bawah Tetapan lanjutan, tetapkan Kekalkan aksara kepada Basic Latin atau Latin + aksen jika laman web anda dalam bahasa Barat, dan pertimbangkan menetapkan Hinting kepada Remove.
- 3
Tukar ke WOFF2
Tekan Tukar ke WOFF2 dan muat turun fon bersama fail .css. Muat naik kedua-duanya ke laman web anda, kemudian pautkan helaian gaya atau tampal peraturan itu ke dalam CSS anda sendiri.
Bagaimana cara menukar TTF ke WOFF2 untuk laman web saya?
Muat naik fail .ttf, biarkan Sertakan CSS @font-face ditandakan dan tekan Tukar ke WOFF2. Anda mendapat fail .woff2 serta fail .css dengan peraturan @font-face yang merujuk kepadanya.
Mengapa WOFF2 ialah format fon web yang patut digunakan
TTF ialah data jadual tanpa pemampatan: kontur, metrik, kerning, nama. WOFF2, diterbitkan sebagai W3C Recommendation pada 2018, mengekalkan jadual yang sama tetapi memampatkannya dengan Brotli, algoritma pemampatan yang dikeluarkan Google pada 2015, selepas menyusun semula kontur glif supaya lebih mudah dimampatkan. Ujian Google sendiri mendapati WOFF2 kira-kira 30% lebih kecil daripada format WOFF lama secara purata, dan pelayar memulihkan data fon asal selepas muat turun, jadi bentuk huruf tidak berubah.
Fon menyekat pemaparan, jadi saiznya lebih penting daripada angka kilobait yang tertera. Sehingga fon web tiba, pelayar sama ada menyembunyikan teks atau memaparkan fon sandaran, dan pertukaran lewat boleh menganjakkan reka letak. Fail yang lebih kecil mengecilkan jangka masa itu, dan dua pilihan di sini mengecilkannya lagi: Kekalkan aksara membuang glif yang tidak pernah dipaparkan halaman anda, dan Hinting ditetapkan kepada Remove membuang arahan yang diabaikan telefon dan skrin berketumpatan tinggi. Simpan induk TTF untuk kegunaan desktop; WOFF2 ke TTF boleh membuka fon web kemudian, tetapi tidak dapat memulihkan glif yang dibuang oleh subset.
Saiz fail TTF berbanding WOFF2
TTF, set aksara penuh
100%
Jadual fon tanpa pemampatan, seperti yang dipasang pada desktop
WOFF2, subset Basic Latin
selalunya 10–25%
Pemampatan Brotli serta glif yang lebih sedikit; berbeza mengikut fon
Peraturan @font-face untuk fon WOFF2
@font-face {
font-family: "Brand Sans";
src: url("/fonts/brand-sans-regular.woff2") format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0000-00FF;
}Sokongan pelayar untuk WOFF2, mengikut versi
2014
Chrome 36
Pelayar Google ialah yang pertama menyahkod WOFF2 secara lalai.
2015
Firefox 39
Mozilla mengaktifkan penyahkodan WOFF2 secara lalai.
2016
Edge 14
Edge asal Microsoft menambah WOFF2 bersama Windows 10 Anniversary Update.
2018
W3C Recommendation
Spesifikasi dimuktamadkan; pada ketika itu Safari pada macOS dan iOS juga menyahkod WOFF2.
TTF
Fon TrueType
TTF ialah format fon TrueType yang dibangunkan oleh Apple pada akhir 1980-an dan dilancarkan pada 1991, kemudian dilesenkan kepada Microsoft. Ia mentakrifkan kontur glif dengan lengkung kuadratik dan menyertakan arahan hinting yang menjadikan teks kelihatan tajam pada skrin. TrueType disokong oleh setiap sistem pengendalian desktop, pemproses perkataan dan aplikasi reka bentuk. Ia kekurangan beberapa ciri tipografi lanjutan OpenType dan lebih besar daripada format fon web.
- Pemampatan
- Lossless (tanpa kehilangan)
- Ketelusan
- –
- Animasi
- –
- Diperkenalkan
- 1991 · Apple
WOFF2
Web Open Font Format 2
WOFF2 ialah versi kedua Web Open Font Format, berasaskan mampatan Brotli Google dan diterbitkan sebagai Saranan W3C pada 2018. Failnya kira-kira 30% lebih kecil daripada WOFF, membantu laman dimuatkan lebih pantas. Setiap pelayar moden menyokong WOFF2, dan ia ialah format yang disyorkan untuk fon web. Sistem pengendalian desktop dan aplikasi reka bentuk tidak boleh memasangnya secara terus.
- Pemampatan
- Lossless (tanpa kehilangan)
- Ketelusan
- –
- Animasi
- –
- Diperkenalkan
- 2018 · W3C (Google)
TTF ke WOFF2 membungkus fon desktop ke dalam bekas termampat Brotli yang digemari pelayar, supaya glif yang sama sampai kepada pelawat dengan bait yang lebih sedikit; halaman sebaliknya wujud untuk orang yang perlu memasang fon yang mereka temui di web.
Soalan lazim TTF ke WOFF2
Adakah saya masih perlukan sandaran TTF atau WOFF selain WOFF2?
Untuk laman web awam pada masa kini, biasanya tidak. Chrome, Edge, Firefox dan Safari sudah lama menyokong WOFF2, dan beberapa pelayar yang tidak menyokongnya, seperti Internet Explorer 11, jarang berbaloi dengan satu fail tambahan. Tambah output TTF ke WOFF sebagai entri src kedua hanya jika analitik anda menunjukkan ada pelawat sedemikian.
Mengapa fon WOFF2 saya masih melebihi 100 KB?
Pemampatan hanya mengecilkan cara glif disimpan, bukan bilangannya. Fon yang merangkumi Latin, Cyrillic, Greek dan Vietnam akan membawa kesemuanya. Membuat subset kepada skrip yang benar-benar anda paparkan ialah cara untuk menurunkan fon teks kepada puluhan kilobait.
Apakah fungsi font-display: swap?
Ia mengarahkan pelayar memaparkan teks dengan fon sandaran serta-merta dan menukar kepada fon web anda setelah ia tiba, bukannya menyembunyikan teks semasa muat turun. Tambahkannya pada peraturan @font-face seperti contoh di atas, atau guna optional jika anda mahu mengelak pertukaran lewat pada sambungan perlahan.
Bolehkah saya menukar TTF Google Fonts ke WOFF2 dan mengehosnya sendiri?
Ya. Keluarga Google Fonts dikeluarkan di bawah SIL Open Font License atau Apache License, dan kedua-duanya membenarkan penukaran serta pengehosan sendiri. Menghos fail sendiri juga mengelakkan permintaan ke pelayan pihak ketiga.
Adakah WOFF2 berfungsi dalam surat berita e-mel?
Hanya pada sesetengah klien. Apple Mail dan iOS Mail memuatkan fon web melalui @font-face, manakala Gmail dan kebanyakan versi Outlook mengabaikannya dan memaparkan fon sandaran anda. Sentiasa senaraikan fon sistem yang selamat dalam timbunan fon e-mel.