Kesilapan CSS: Gagal mendekodkan font yang dimuat turun - anda boleh melakukannya
Kesilapan CSS "Gagal menyahkodkan font muat turun" boleh menyebabkan penyebab yang berbeza. Dalam tip praktikal ini, kami membentangkan mesej yang paling umum untuk mesej ralat sebelum kemungkinan penyelesaian.
Kesilapan CSS Gagal mendekodkan fon muat turun: Fon rosak
Kesilapan boleh menyebabkan pelbagai sebab dan sering kali hanya terjadi pada penyemak imbas tertentu. Dalam banyak kes, ralat menunjukkan fon yang salah.
- Ia mungkin bahawa fon sudah mempunyai ralat sebelum disalin ke pelayan. Walau bagaimanapun, ia juga boleh rosak semasa menyalin.
- Untuk mengelakkan kerosakan fon, gunakan alat dalam talian seperti Transfonter untuk menukar fon anda ke format yang sesuai.
- Apabila menyalin ke pelayan anda, pastikan fon disalin sebagai perduaan dan bukan sebagai format ASCI.
- Anda juga mungkin perlu menukar klien FTP anda kerana sesetengah pelanggan menghantar fon secara salah.
- Anda juga boleh memastikan bahawa anda menggunakan font yang betul dengan mengimport fon anda dari FontLibrary atau dari Google.
Kesilapan CSS disebabkan oleh integrasi fon yang salah
Satu lagi ralat tipikal yang membawa kepada amaran "Gagal mendekodkan font yang dimuat turun" adalah pemfailan salah fon.
- Font mesti disertakan dalam helaian CSS menggunakan tanda "src".
- Sekiranya mungkin, format fon juga harus ditakrifkan. Dalam contoh berikut untuk penyepaduan font "webfont", bahagian kod yang berkaitan ditanda dengan huruf tebal.
- @ font-face {font-family: 'MyWebFont'; src: url ('webfont.eot'); / * Format Compat Mod * / src: url ('webfont.eot? #Iefix') ('embedded-opentype'), / * Format IE6-IE8 * / url ('webfont.woff2') ('woff2', / * Super Modern Browsers * / url ('webfont.woff') format ('woff'), / * Pretty Modern Browsers * /
format url ('webfont.ttf') ('truetype'), / * Safari, Android, iOS * / url ('webfont.svg # svgFontName') format ('svg') ; / * Legacy iOS * /}
Satu lagi tip praktikal akan memberitahu anda bagaimana untuk mendapatkan nama fon yang anda tidak tahu.