Шрифт не отображается в IE - PullRequest
Новая
       42

Шрифт не отображается в IE

1 голос
/ 14 октября 2019 
@font-face {
  font-family: 'Museo-Sans';
  src:  url('../fonts/MuseoSans/MuseoSans-900.otf') format('opentype'),
        url('../fonts/MuseoSans/MuseoSans-900.eot'),
        url('../fonts/MuseoSans/MuseoSans-900.eot?#iefix') format('embedded-opentype');
  font-weight: 900;
  font-style: normal;
}

Это не отображается в Internet Explorer. Я беру файл otf, преобразовываю его в eot, но здесь я сам добавляю третью строку. Как правильно конвертировать, чтобы файлы имели этот ?#iefix?

1 Ответ

1 голос
/ 14 октября 2019

Попробуйте использовать формат .woff, чтобы он работал в IE11 

@font-face {
    font-family: 'Museo-Sans';
    src: url('../fonts/MuseoSans/MuseoSans-900.eot'); /* IE9 Compat Modes */
    src: url('../fonts/MuseoSans/MuseoSans-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/MuseoSans/MuseoSans-900.woff') format('woff'), /* IE 9-11 & Modern Browsers */
         url('../fonts/MuseoSans/MuseoSans-900.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('../fonts/MuseoSans/MuseoSans-900.svg#svgFontName') format('svg'); /* Legacy iOS */
    }
...