Я пытаюсь добавить шрифт для отображения знака валюты (русский рубль). Код, который я использую отсюда. Также я добавил волшебный 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, взятым отсюда (если это имеет значение).
Что я делаю не так?
Живой пример вы можете увидеть здесь (Вход/Пароль: демо/демо)
Тестирование в IE 11 в режиме IE 7, консоль показывает ошибку с кодом CSS3111, ссылаясь на rouble.eot, с дополнительными данными "завершение, слишком мало слайдов: 0". Выглядит немного странно, но, видимо, файл EOT поврежден. Та же проблема возникает в режиме EOT, тогда как IE 9 и более поздние используют файл WOFF.
Кроме того, на странице используется трюк шрифтов, а не правильный подход: разметка HTML имеет <span class="rubl"> a</span>
, а настройки CSS используются в попытке сделать браузер неверным, а "как рублевый знак. Этот обман работает, так как шрифт утверждает, что рублевый знак является символом буквы "а".
.eot
файле. Теперь моя проблема решена, спасибо! И да, я знаю, в чем смысл подвоха, в этом шрифте все буквы являются разновидностями буквы «Р»