Почему один из этих шрифтов отображается в IE8, а другие нет?

Question

Почему этот шрифт отображается в IE8:

@font-face {
  font-family: 'Aller';
  src: url('aller_rg-webfont.eot');
  src: url('aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
       url('aller_rg-webfont.woff') format('woff'),
       url('aller_rg-webfont.ttf') format('truetype'),
       url('aller_rg-webfont.svg#AllerRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

И это не

@font-face {
  font-family: 'Champagne';
  src: url('champreg-webfont.eot');
  src: url('champreg-webfont.eot?#iefix') format('embedded-opentype'),
       url('champreg-webfont.woff') format('woff'),
       url('champreg-webfont.ttf') format('truetype'),
       url('champreg-webfont.svg#Champagne&LimousinesRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

Я действительно не могу понять это. Все остальные браузеры работают нормально, очевидно.

Answer 1

Попробуйте создать новый .eot файл с одним из других, используя онлайн woff / ttf / svg, чтобы eot конвертер.

• http://www.font2web.com/
• http://www.fontsquirrel.com/fontface/generator <- могут возникнуть проблемы, поскольку они содержат черный список имен шрифтов.

Если этот новый файл не работает, то это может быть проблема с самим шрифтом. Иногда IE6-8 подходит, если имя шрифта и фамилия не совпадают в фактическом файле шрифта. Починить это:

• Вам нужно будет скачать FontForge
• Откройте шрифт
• Из меню выберите Element > Font Info
• Убедитесь, что имя, фамилия и имя человека одинаковы
• Сохраните шрифт как TTF или OTF и используйте онлайн-конвертер, чтобы выложить файл EOT.

Каждая проблема с font-face - если CSS был правильным - работала с одним из двух вышеупомянутых решений, так что удачи:-) Возможно, даже попробуйте сохранить шрифт без каких-либо изменений в FontForge и преобразовать его онлайн перед тем, как начать играть. с именем свойства.

Answer 2

Под IIS (среда MVC) мне нужно было добавить следующее правило в мой Web.config:

   <system.web>
    <httpHandlers>
      <add verb="GET" path="*.eot" type="System.Web.StaticFileHandler" />
      <add verb="GET" path="*.svg" type="System.Web.StaticFileHandler" />
      <add verb="GET" path="*.ttf" type="System.Web.StaticFileHandler" />
      <add verb="GET" path="*.woff" type="System.Web.StaticFileHandler" />
      <add verb="GET" path="*.otf" type="System.Web.StaticFileHandler" />
    </httpHandlers>
  </system.web>

Answer 3

1. Добавил это в htaccess. "BrowserMatch MSIE поддерживает набор заголовков с поддержкой лучших стандартов X-UA-совместимый IE=8 env= поддержка лучших стандартов"
2. пытаясь восстановить шрифт eot
3. режим совместимости с документооборотом
4. попробовал усле функцию
5. setInterval js
6. добавить скрипт Google html5
7. вызовите css в части тела для ie8
8. добавить класс data-icon
9. рекламные псевдоэлементы JS
10. добавить PNG и SVG фильтры в CSS
11. проверить тип шрифта Разрешение на сервере

но, наконец, работает при добавлении

.sass и.less css

файлы счастливого кодирования... by sivakumar