@DiscoTeka

Почему IE некорректно отображает шрифты и как это обойти?

Есть код CSS:
@font-face {
font-family: "Azer";
src: url("Azer.eot"); /* Для поддержки браузера IE6+ */
src: url("Azer.eot?#iefix") format("embedded-opentype"), /* Хак корректного отображения шрифта в IE8 */
url("Azer.otf") format("opentype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "Ft40";
src: url("Ft40.eot"); /* Для поддержки браузера IE6+ */
src: url("Ft40.eot?#iefix") format("embedded-opentype"), /* Хак корректного отображения шрифта в IE8 */
url("Ft40.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "bicubik";
src: url("bicubik.eot"); /* Для поддержки браузера IE6+ */
src: url("bicubik.eot?#iefix") format("embedded-opentype"), /* Хак корректного отображения шрифта в IE8 */
url("bicubik.ttf") format("truetype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "bebas";
src: url("bebas.eot"); /* Для поддержки браузера IE6+ */
src: url("bebas.eot?#iefix") format("embedded-opentype"), /* Хак корректного отображения шрифта в IE8 */
url("bebas.otf") format("opentype");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "segoe";
src: url("segoe.eot"); /* Для поддержки браузера IE6+ */
src: url("segoe.eot?#iefix") format("embedded-opentype"), /* Хак корректного отображения шрифта в IE8 */
url("segoe.ttf") format("opentype");
font-weight: normal;
font-style: normal;
}


Проблема с шрифтом bebas. При указании в файле стиля: font-family: bebas, Azer, Arial, Verdana; мозилла и хром отображают шрифт корректно, но IE(в данном конкретном случае это IE 9) не подхватывает именно этот шрифт и переходит к следующему.
Но если указать
font-family: Bebas Neue Book, Azer, Arial, Verdana;
(Я так понимаю это реальное имя шрифта, прописанное в самом файле), то результат инвертируется, а именно - в IE отображается корректно, но в других не может и подключает следующий по списку. Подскажите в чём проблема, что я сделал ни так или чего не сделал ? Остальные то шрифты нормально подхватывает.
Такой длинный код для большей картины. Собственно, эффект не зависит от конструкции подключения и количества подключаемых шрифтов(моё мнение).
  • Вопрос задан
  • 845 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы