CSS3111: @ font-face обнаружена неизвестная ошибка »для значков, созданных приложением icomoon в IE11, когда блокировка ненадежных шрифтов включена - PullRequest
0 голосов
/ 22 мая 2018

Я создал иконки шрифтов через icomoon.И использовал приведенный ниже код для добавления шрифтов в CSS веб-страницы:

@font-face {
  font-family: 'xlfont';
  src: url('./images/spreadsheet/xlicons.eot?-dzszjm');
  src: url('./images/spreadsheet/xlicons.eot?#iefix-dzszjm') format('embedded-opentype'), 
  url('./images/spreadsheet/xlicons.woff?-dzszjm') format('woff'), 
  url('./images/spreadsheet/xlicons.woff') format('woff'), 
  url('./images/spreadsheet/xlicons.ttf?-dzszjm') format('truetype'), 
  url('./images/spreadsheet/xlicons.svg?-dzszjm#ssicons') format('svg');
  font-weight: normal;
  font-style: normal;
}

Это нормально работало в IE11, пока я не включил опцию « блокировка ненадежных шрифтов ».Как только я включил эту опцию, я получил следующую ошибку:

CSS3111: @font-face encountered unknown error.
xlicons.eot

У кого-нибудь еще была такая проблема?Не могли бы вы дать какие-либо предложения обойти это?

1 Ответ

0 голосов
/ 22 мая 2018

Попробуйте закомментировать строку объявления embedded-opentype.Если это не сработает, рассмотрите следующее из другого ответа в стеке:

CSS3111 обычно вызывается проблемой с двоичным источником шрифта.Например, один из популярных онлайн-конвертеров TTF в EOT создает файлы EOT с таблицей NAME, которая не соответствует стандартам Microsoft, что приводит к тому, что шрифты EOT никогда не загружаются в IE и выдают ошибку CSS3111.Поэтому, когда вы используете CSS3111, всегда полезно попробовать использовать другой конвертер TTF в EOT или генератор шрифтов.

OG вопрос: IE9 - CSS3111: @ font-face встретилсянеизвестная ошибка

Ссылка: http://marinbezhanov.com/how-to-embed-webfonts-properly-and-how-to-solve-the-ambiguous-css3111-font-face-encountered-unknown-error/

...