Я загрузил несколько шрифтов otf, а затем преобразовал их в eot, используя: https://onlinefontconverter.com, но когда я просматриваю сайт в IE8, шрифты не отображаются (они отображаются в Chrome, Firefox, Opera, Android). Что-то должно быть не так либо с моим кодом, либо с файлом eot. Кто-нибудь знает, что случилось?
(Загрузите Roboto здесь: http://www.fontsquirrel.com/fonts/roboto)
(Конвертируйте его здесь: https://onlinefontconverter.com)
STYLES.CSS
@font-face
{
font-family: RobotoCondensed;
src: url("Roboto-Condensed.eot");
}
@font-face
{
font-family: RobotoCondensed;
src: url("Roboto-Condensed.ttf");
}
.myDiv
{
font-family: RobotoCondensed, Arial, Helvetica;
font-size: 10px;
color: #e8e8e8;
}
index.html (соответствующий код)
Some font in here that shows incorrectly as Arial!
Таблица стилей и шрифт находятся в одной папке.