Ошибка CSS: не удалось декодировать загруженный шрифт - вы можете сделать это
Видео по теме: (May 2024).
Ошибка CSS «Не удалось декодировать загруженный шрифт» может иметь разные причины. В этом практическом совете мы представляем наиболее распространенные из них для сообщения об ошибке перед возможным решением.
Ошибка CSS Не удалось декодировать загруженный шрифт: шрифт Damaged
Ошибка может иметь различные причины и часто возникает только в определенных браузерах. Во многих случаях ошибка указывает на неправильный шрифт.
- Возможно, что шрифт уже имел ошибку до того, как был скопирован на сервер. Тем не менее, он также может быть поврежден во время копирования.
- Чтобы предотвратить повреждение шрифта, используйте онлайн-инструменты, такие как Transfonter, чтобы конвертировать ваш шрифт в подходящие форматы.
- При копировании на сервер убедитесь, что шрифт копируется в двоичном формате, а не в формате ASCI.
- Вам также может понадобиться сменить FTP-клиент, поскольку некоторые клиенты передают шрифты неправильно.
- Вы также можете убедиться, что используете правильные шрифты, импортировав их из FontLibrary или из Google.
Ошибка CSS из-за неправильной интеграции шрифтов
Другой типичной ошибкой, приводящей к предупреждению «Не удалось декодировать загруженный шрифт», является неверное включение шрифта.
- Шрифты должны быть включены в таблицу стилей CSS с помощью тега "src".
- Если возможно, формат шрифта также должен быть определен. В следующем примере для интеграции шрифта «webfont» соответствующие разделы кода выделены жирным шрифтом.
- @ font-face {font-family: 'MyWebFont'; src: url ('webfont.eot'); / * Режимы сравнения IE9 * / src: формат url ('webfont.eot? #Iefix') ('embedded-opentype'), / * формат IE6-IE8 * / url ('webfont.woff2') ('woff2'), / * Формат Super Modern Browser * / url ('webfont.woff') ('woff'), / * Pretty Modern Browser * /
формат url ('webfont.ttf') ('trueetype'), / * Safari, Android, iOS * / url ('webfont.svg # svgFontName') («svg») ; / * Legacy iOS * /}
Другой практический совет расскажет вам, как получить название шрифта, который вы не знаете.