IE7 не применяет шрифт

0

Я пытаюсь добавить шрифт для отображения знака валюты (русский рубль). Код, который я использую отсюда. Также я добавил волшебный zoom: 1; , Но это не сработает.

Сглаживание шрифта

@font-face {
    font-family: "Rouble";
    src: url('/catalog/view/font/rouble.eot'); /* IE9 Compat Modes */
    src: url('/catalog/view/font/rouble.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/catalog/view/font/rouble.woff') format('woff'), /* Modern Browsers */
         url('/catalog/view/font/rouble.ttf')  format('truetype'), /* Safari, Android, iOS */
         url('/catalog/view/font/rouble.svg#Rouble') format('svg'); /* Legacy iOS */
}

Затем использование

.rubl {
    font-family: "Rouble";
    font-style: normal;
    font-weight: normal;
    zoom: 1;
}

Я тестирую его с помощью ie7 из Win Vista под WM VirtualBox, взятым отсюда (если это имеет значение).

Что я делаю не так?

Живой пример вы можете увидеть здесь (Вход/Пароль: демо/демо)

  • 1
    Посмотрите на это: stackoverflow.com/questions/20665622/… По всем аккаунтам, вам было бы лучше использовать изображение.
Теги:
fonts
font-face
internet-explorer

1 ответ

1
Лучший ответ

Тестирование в IE 11 в режиме IE 7, консоль показывает ошибку с кодом CSS3111, ссылаясь на rouble.eot, с дополнительными данными "завершение, слишком мало слайдов: 0". Выглядит немного странно, но, видимо, файл EOT поврежден. Та же проблема возникает в режиме EOT, тогда как IE 9 и более поздние используют файл WOFF.

Кроме того, на странице используется трюк шрифтов, а не правильный подход: разметка HTML имеет <span class="rubl"> a</span>, а настройки CSS используются в попытке сделать браузер неверным, а "как рублевый знак. Этот обман работает, так как шрифт утверждает, что рублевый знак является символом буквы "а".

  • 0
    Так что проблема была в .eot файле. Теперь моя проблема решена, спасибо! И да, я знаю, в чем смысл подвоха, в этом шрифте все буквы являются разновидностями буквы «Р»

Ещё вопросы

Сообщество Overcoder
Наверх
Меню