Раньше я спросил о font-face в IE8 +.Пользовательские шрифты в теге ввода IE9
Теперь я столкнулся с другой проблемой со шрифтами. Вы можете увидеть на скриншоте выше:
Проблема заключается в том, что шрифт я использовал на входе такой же, как шрифт, используемый для кнопки. Оба элемента используют кириллические символы. Но, как вы видите, кириллица не работает в теге ввода, и она отлично работает на кнопке.
Есть ли какие-либо проблемы с IE9 + с @ font-face и тегом ввода? Я пробовал Google его без везения.
Шрифт, который я использовал, вы можете скачать here. Этот архив включает в себя все типы шрифтов (ttf, eot, woff и svg).
UPD: Пример
CSS:
@font-face {
font-family: "LT Round";
src: url(https://dl.dropboxusercontent.com/u/12269325/fonts/LT-Round.eot);
src: url(https://dl.dropboxusercontent.com/u/12269325/fonts/LT-Round.eot?#iefix) format("embedded-opentype"),
url(https://dl.dropboxusercontent.com/u/12269325/fonts/LT-Round.woff) format("woff"),
url(https://dl.dropboxusercontent.com/u/12269325/fonts/LT-Round.ttf) format("truetype"),
url(https://dl.dropboxusercontent.com/u/12269325/fonts/LT-Round.svg#a_futuraroundregular) format("svg");
font-weight: normal;
font-style: normal;
}
body{
padding: 30px;
}
p{
font: 16px/normal 'LT Round';
width: 300px;
margin: 0 auto;
text-align: center;
padding-bottom: 20px;
}
.bad-font-face{
font: 18px/30px 'LT Round';
border: 1px solid #ccc;
padding: 0 30px;
height: 30px;
width: 200px;
text-align: center;
display: block;
margin: 0 auto;
}
HTML:
<p>This is an expample of wrong rendering cyrillic font-face in IE8+</p>
<input type="text" class="bad-font-face" value="тут будет bad font face">
Живая демо on JSFiddle
Спасибо заранее.
В каком режиме документа работает ваша страница (нажмите F12, посмотрите панель инструментов в инструментах разработчика). Есть ли сообщения на вкладке «Консоль» при загрузке вашей страницы? – EricLaw
Я использовал разные режимы (для режима браузера IE10 я использовал стандартный режим, для других - стандарт IEx). В консоли есть только одно сообщение о другом шрифте (ошибка CSS3111 для шрифта MyriadPro), но это не тот случай. В консоли нет сообщений о шрифте из примера (Futura Round). –
Вы видели этот ответ: http://stackoverflow.com/questions/3694060/how-to-make-google-fonts-work-in-ie –