@font-face неудачная проверка разрешений на внедрение OpenType. Разрешение должно быть установлено

Ответ 1

Исправлено добавлением

<staticContent>
  <mimeMap fileExtension=".woff" mimeType="application/octet-stream" />
</staticContent>

под

 <system.webServer>

в web.config.

Edit:

чтобы предотвратить любые проблемы с последующими версиями, я рекомендую сделать это:

<staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="application/octet-stream" />
</staticContent>

Ответ 2

Ответ sibaspage указал мне в правильном направлении. Но я все еще вижу сообщение об ошибке в IE11. Для меня он работал с использованием следующего синтаксиса:

@font-face {
   font-family: 'Font-Name';
   src: url('../fonts/Font-Name.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Font-Name.ttf')  format('truetype');
}

Ответ 3

Другим решением может быть изменение файла свойств Font embeddability. Щелкните правой кнопкой мыши и увидите вкладку " Подробнее "

Если это свойство не отображается, вы можете использовать этот сервис для его добавления. Это работает только для файлов шрифтов .ttf. Но я думаю, есть некоторые другие сервисы для изменения других расширений файлов шрифтов.

Ответ 4

Для документации или будущих посетителей: В моем случае я экспериментировал этот вопрос с IE11 и .OTF шрифтами, если это ваш случай прочитать Могу ли я использовать случай. По сути, IE11 не поддерживает некоторые шрифты .ttf и .otf.

Лучшим решением, которое я нашел, было преобразование шрифта .otf в .woff и добавление кода в ответ Якуба Холовского с небольшим изменением.

<staticContent>
  <remove fileExtension=".woff" />
  <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
</staticContent>

Ответ 5

У меня была такая же проблема, и я нашел эту статью: https://creativemarket.com/blog/the-missing-guide-to-font-formats. Вы можете просто добавить соответствующие шрифты на ваше лицо шрифта.

Ответ 6

@font-face {
    font-family: 'Gotham-Medium';
    src: url('fonts/Gotham-Medium.eot');
    src: local('☺'), url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf') format('truetype'), url('fonts/Gotham-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

Обратите внимание, src: local ('☺'),

Ответ 7

IE не поддерживает .ttf, просто используйте файлы .eot font

@font-face {
  font-family: 'Font-Name';
  src: url('../fonts/Font-Name.eot?#iefix') format('embedded-opentype');
  src: url('../fonts/Font-Name.ttf')  format('truetype');

}