Пользовательский шрифт иногда отображается курсивом в IE8 / IE7
В IE7 и IE8 при использовании пользовательского веб-шрифта текст иногда отображается курсивом, даже если я явно установилfont-style: normal
, Эта проблема носит спорадический характер: она несколько раз рендерится нормально, затем я обновляюсь, и все отображается курсивом, затем я обновляюсь, и все возвращается на круги своя.
Я использую это@font-face
объявление:
@font-face {
font-family: 'DIN';
src: url('fonts/DINWeb.eot');
src: url('fonts/DINWeb.eot?#iefix') format('embedded-opentype'),
url('fonts/DINWeb.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DIN';
src: url('fonts/DINWeb-Bold.eot');
src: url('fonts/DINWeb-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/DINWeb-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'DIN';
src: url('fonts/DINWeb-Ita.eot');
src: url('fonts/DINWeb-Ita.eot?#iefix') format('embedded-opentype'),
url('fonts/DINWeb-Ita.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'DIN';
src: url('fonts/DINWeb-BoldIta.eot');
src: url('fonts/DINWeb-BoldIta.eot?#iefix') format('embedded-opentype'),
url('fonts/DINWeb-BoldIta.woff') format('woff');
font-weight: bold;
font-style: italic;
}
Theresкомментарий наЭта статья это указывает на то, что это может быть порядка@font-face
декларации: однако единственное, что остановило проблему, это полное удаление курсивных деклараций.
Другой ответ переполнения стека предлагает использовать генератор Font Squirrel @ font-face; Однако я не могу этого сделать, поскольку файлы веб-шрифтов, которые я использую, имеют DRM.
Есть ли способ решить эту проблему, не удаляя полностью курсивные объявления?
UPDATE: После дальнейшего изучения кажется, что эта проблема затрагивает и IE8, а не только в режиме совместимости.