Присутствуют все варианты шрифтов, но @ font-face по-прежнему не работает в IE9.

Я использую @font-face на своем сайте.

Один мой звонок:

@font-face
{
    font-family: bebas;
    src: url('bebas.TTF');
}

И, похоже, это нормально работает в IE 9/10.

Однако я попытался сделать это с другим шрифтом:

@font-face
{
    font-family: lobster;
    src: url('lobster.OTF');
}

И не добился успеха в IE.

Я поискал ответы в Google, и многие предлагают использовать Font Squirrel Font Generator, чтобы получить полный код. , что я сделал здесь:

@font-face {
    font-family: 'lobster';
    src: url('lobster-webfont.eot');
    src: url('lobster-webfont.eot?#iefix') format('embedded-opentype'),
         url('lobster-webfont.woff') format('woff'),
         url('lobster-webfont.ttf') format('truetype'),
         url('lobster-webfont.svg#lobster_1.4regular') format('svg');
    font-weight: normal;
    font-style: normal;

}

но шрифт все равно не будет отображаться правильно.

Я включил все дополнительные файлы в правильный каталог - в IE они просто не работают.

Может кто-то указать мне верное направление?

РЕДАКТИРОВАТЬ: пробовал преобразовать шрифт в TTF - там тоже не повезло

EDIT2: пример используемого CSS:

#tickerlist LI
{
    list-style-type: none;
    font-family: lobster, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
    font-size: 40.3pt;
    padding-top: 0px;
    padding-left: 5px;
}

РЕДАКТИРОВАТЬ3:

Пробовал абсолютные пути к файлам шрифтов - все равно не повлияло


fonts css internet-explorer font-face
person MeltingDog    schedule 21.12.2013    source источник
comment
Для начала, откуда вы взяли шрифт и какой точный код (включая HTML и CSS) вы использовали? Проблема не может быть восстановлена ​​на основе предоставленных данных.   -  person Jukka K. Korpela    schedule 21.12.2013
comment
@ JukkaK.Korpela Я получил шрифт от Font Squirrel. Я добавил CSS, где назвал шрифт выше   -  person MeltingDog    schedule 21.12.2013
comment
Может быть, вам нужно добавить MIME-тип на свой сервер для шрифта IE?   -  person 97ldave    schedule 22.12.2013
comment
У вас есть LI в верхнем регистре в CSS. Эта страница случайно не является XHTML-документом?   -  person Mr Lister    schedule 22.12.2013

Ответы (1)


arrow_upward
0
arrow_downward

Я бы проверил следующее

  • Убедитесь, что ваш путь к шрифту на вашем веб-сервере правильный. Я обычно храню шрифты в / fonts / в своих приложениях / сайтах.

  • Поскольку вы получили это от fontsquirrel, загрузите пакет шрифтов и протестируйте его локально в IE 9, чтобы убедиться, что он работает.

  • Убедитесь, что в вашем файле css нет открытых определений, в которых отсутствует точка с запятой: иногда это может вас испортить.

  • Убедитесь, что ваш сервер обслуживает правильный MIME-тип для файлов .eot.

  • Я также убеждаюсь, что у меня есть соответствующие кавычки или галочки вокруг шрифта, который вы пытаетесь обслужить.

    p.mine {font-family: 'lobster', Arial, sans-serif;}

person imaginethepoet    schedule 23.12.2013