Почему IE8 не загружает мои eot файлы? - PullRequest
Новая
       6

Почему IE8 не загружает мои eot файлы?

8 голосов
/ 09 марта 2012

Я скачал некоторые шрифты 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 (соответствующий код) 

<div class="myDiv">Some font in here that shows incorrectly as Arial!</div>

Таблица стилей и шрифт находятся в одной папке.

Ответы [ 4 ]

4 голосов
/ 09 марта 2012

Спасибо за помощь. Похоже, проблема заключалась в конвертере шрифтов. Eot файл не был признан действительным в IE. Спасибо "Джоэлю Экроту" за предложение попробовать другие конвертеры.

3 голосов
/ 09 марта 2012

Попробуйте это 

        @font-face
    {
        font-family: 'RobotoCondensed';
        src: url('Roboto-Condensed.eot');
  src: url('Roboto-Condensed.eot?#iefix') format('embedded-opentype'),
         url('Roboto-Condensed.woff') format('woff'),
         url('Roboto-Condensed.ttf') format('truetype'),
         url('Roboto-Condensed.svg#') format('svg');

}

    .myDiv
    {
        font-family: RobotoCondensed, Arial, Helvetica;
        font-size: 10px;
        color: #e8e8e8;
    }
1 голос
/ 28 апреля 2014

У меня была проблема, и никакие настройки и веб-исследования не помогли
Пока я не отредактировал тег head для включения meta 


<head><br>
   <meta http-equiv="Content-type" content="text/html;charset=utf-8"/><br>
</head><br>


Метатег решил проблему, и каждый вариант сработал!

Вариация 1 


<style type="text/css"><br>
  @font-face<br>
  {<br>
    font-family: 'SolaimanLipi';<br>
    src: url('SolaimanLipi.eot');<br>
    src: local('SolaimanLipi'),url('SolaimanLipi.ttf') format('truetype');<br>
  }<br>
  @font-face<br>
  {<br>
    font-family: 'Yogesh';<br>
    src: url('CDACOTYGN.eot');<br>
    src: url('CDACOTYGN.ttf') format('truetype');<br>
  }<br>
</style><br>


Вариация 2 


<style type="text/css"><br>
  @font-face{<br>
    font-family: 'solaimanlipi';<br>
    src: url('cdacotygn-webfont.eot');<br>
    src: url('cdacotygn-webfont?#iefix') format('embedded-opentype'),<br>
         url('solaimanlipi-webfont.woff') format('woff'),<br>
         url('solaimanlipi-webfont.ttf') format('truetype'),<br>
         url('solaimanlipi-webfont.svg#webfont') format('svg');<br>
  }<br>
  @font-face {<br>
    font-family: 'cdacotygn';<br>
    src: url('cdacotygn-webfont.eot');<br>
    src: url('cdacotygn-webfont.eot?#iefix') format('embedded-opentype'),<br>
         url('cdacotygn-webfont.woff') format('woff'),<br>
         url('cdacotygn-webfont.ttf')  format('truetype'),<br>
         url('cdacotygn-webfont.svg#svgFontName') format('svg');<br>
  }<br>
</style><br>

Мы думаем, что сложные, но часто иголка в стоге сена находится где-то еще head meta tags

Вы можете попробовать и просмотреть источник
http://www.weloveseppa.com/jnc/jncTryBangla.html
http://www.weloveseppa.com/jnc/try1/jncTryBangla.html

Работает во всех браузерах, включая старый IE8

0 голосов
/ 09 марта 2012

Попробуйте 

font-family: "RobotoCondensed", Arial, Helvetica;

Кавычки должны использовать его как основной параметр

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...