Блог

Главная - Вопросы по программированию - IE11 — CSS3111: @font-face столкнулся с неизвестной ошибкой

IE11 — CSS3111: @font-face столкнулся с неизвестной ошибкой

#css #internet-explorer-11 #tailwind-css

#css #internet-explorer-11 #попутный ветер-css

Вопрос:

Я получил следующую ошибку, используя Internet Explorer 11.

CSS3111: в @font-face обнаружена неизвестная ошибка. lato-v16-latin-100italic.eot

Вот как я включил ее в fonts.css 

 /* lato-100italic - latin */
@font-face {
    font-family: 'Lato';
    font-style: italic;
    font-weight: 100;
    src: url('../fonts/lato-v16-latin-100italic.eot'); /* IE9 Compat Modes */
    src: local('Lato Hairline Italic'), local('Lato-HairlineItalic'),
    url('../fonts/lato-v16-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/lato-v16-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/lato-v16-latin-100italic.woff') format('woff'), /* Modern Browsers */
    url('../fonts/lato-v16-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/lato-v16-latin-100italic.svg#Lato') format('svg'); /* Legacy iOS */
}

Я последовалhttps://google-webfonts-helper.herokuapp.com/fonts для включения шрифтов.

Что я могу сделать, чтобы решить эту проблему? Я понимаю, что комментарий src: url('../fonts/lato-v16-latin-100italic.eot'); /* IE9 Compat Modes */ о том, что это предотвратит ошибки в IE9 ..?

Комментарии:

1. Похоже, что если пользователь использует режим совместимости с IE 9, то приведенный выше код загрузит файл .eot для его поддержки. Я попытался запустить приведенный выше пример кода, но я не получил никакой ошибки в браузере IE 11. Если возможно, вы можете попытаться поделиться примером, который может воспроизвести ошибку. Это может помочь нам лучше разобраться в проблеме. Для получения дополнительной информации вы можете попробовать обратиться к этому документу .