IE отказывается интерпретировать правило @ font-face, даже если сначала указан файл eot, а затем "src: local ('☺'), ..." - PullRequest
Новая
       38

IE отказывается интерпретировать правило @ font-face, даже если сначала указан файл eot, а затем "src: local ('☺'), ..."

1 голос
/ 15 октября 2011

Я много читал об этом, пробовал много разных вещей, и все еще не играл в кости. Вот пример одного из моих правил @ font-face: 

@font-face { 
    src: url('/lib/fonts/Museo/Museo500-Regular.eot'); 
    src: local("☺"), 
        url('/lib/fonts/Museo/Museo500-Regular.ttf') format('opentype'); 
    font-family: Museo; 
    font-weight: 500; 
}

Я проверил свои пути и попробовал различные CSS, и ничто не заставит шрифты отображаться в IE. Вот пример страницы, которая использует все пользовательские шрифты одновременно:

http://test.thenewhive.com/test/fonts

Отлично выглядит во всех других браузерах.

1 Ответ

2 голосов
/ 23 октября 2011

Я не знаю, действительно ли это как-то связано с вашей проблемой IE, но часть format('opentype') здесь неверна, так как ваш файл TTF является файлом TrueType. Это должно быть format('truetype').

При этом я настоятельно рекомендую вам использовать что-то вроде генератора Font Squirrel @ font-face, чтобы предотвратить любую ошибку. http://www.fontsquirrel.com/fontface/generator

Если вы предпочитаете делать это вручную, я предлагаю вам взглянуть на эту статью: http://readableweb.com/new-font-face-syntax-simpler-easier/ он отлично справляется с объяснением правильного синтаксиса, просто убедитесь, что вы все прочитали, так как были некоторые обновления к исходному сообщению.

...