Internet Explorer @ font-face не работает - PullRequest
30 голосов
/ 18 ноября 2009

Я пытаюсь заставить Internet Explorer отображать мои красивые шрифты. Это не работает. Они отлично работают в Firefox, и я могу видеть в моих журналах доступа Apache, что IE вытащил шрифты. Таким образом, он анализирует CSS-тег font-face, но не отображает их.

Сайт, который я использовал для преобразования шрифтов, был: http://www.kirsle.net/wizards/ttf2eot.cgi. Я пробовал этот WEFT-инструмент от Microsoft, но он не работал должным образом. После установки и открытия он сказал: «Первый раз запустив его, сделайте это ...», затем он постоянно зависал.

Вот мой CSS:

@font-face
{
   font-family: 'HelveticaLTCN';
   src: url('HelveticaNeueLTCom-LtCn_0.eot');
   src: local('HelveticaNeuel TCom LtCn'), url('HelveticaNeueLTCom-LtCn_0.ttf') format('TrueType');
}

Есть идеи, почему IE не отображает шрифты?

РЕДАКТИРОВАТЬ: Следует также упомянуть, я звоню шрифт с:

p .mytext
{
   font-family: HelveticaLTCN;
}

Ответы [ 15 ]

0 голосов
/ 10 февраля 2014

Всегда лучше указывать атрибут font-face локально, а не онлайн, например URL ( '../ шрифты / шрифта name.eot'). IE и другие браузеры не будут «видеть» шрифты, когда вы запускаете веб-страницу на локальном сервере.

0 голосов
/ 17 апреля 2013

этот код может решить мою проблему в IE:

  @font-face {
      font-family: 'kurdish';
      src: url('font/zkurd_aras.eot?') format('eot'), url('font/zkurd_aras.woff') format('woff'), url('font/zkurd_aras.ttf') format('truetype');}
0 голосов
/ 19 января 2012

Борясь с подобной проблемой, я заметил, что каким-то образом определение DOCTYPE влияет на встроенные шрифты в IE. Когда я удалил определение DOCTYPE, шрифт отображался правильно.

0 голосов
/ 03 декабря 2010

У меня была та же проблема, что и у панаса. Я перешел из ttf в eot, используя onlinefontconverter.com. Что ж, похоже, в этом была проблема: я только что попробовал fontsquirrel.com, как указал atsjr, и все работает отлично!

0 голосов
/ 18 ноября 2009

IE не примет шрифт, включающий строку формата в дескрипторе src - эта вторая строка src может быть виновником. Что произойдет, если вы удалите его (или удалите строку формата?)

Далее - иногда IE может быть немного педантичен относительно того, используете ли вы кавычки вокруг значений в CSS. Попробуйте вместо font-family: "HelveticaLTCN"?

...