Проблемы Internet Explorer, Safari и Chrome с отображением правил @ font-face - PullRequest
Новая
       23

Проблемы Internet Explorer, Safari и Chrome с отображением правил @ font-face

0 голосов
/ 20 мая 2010

Ребята, у меня проблема с IExplorer, Chrome, Safari и т. Д. Только Firefox отлично работает со всеми этими правилами @ font-face:

In Css: 

@font-face {
 font-family: Calibri;
 src: url('Calibri.ttf');
}

@font-face {
 font-family: HAND;
 src: url('http://www.mydomain.org/css/HAND.eot');
 src: url("HAND.ttf");
}

#side_text {
 position:relative;
    width:330px;
 height:800px;
 float:left;
 margin-left:25px;
 margin-top:30px; 
}

#side_text p {
 font-family: HAND;
 font-size: 18pt;
 text-align:left;
 color:#f3eee1;
 }

В .html 

<div id="side_text">
 <p>
  text text text text text text text text
 </p>
</div>

У меня нет проблем со шрифтом Calibri, возможно, потому что он установлен на ОС. Шрифт HAND - это проблема. Кроме того, IExplorer не принимает никаких таможенных записей в CSS (цвет, размер шрифта, выравнивание ..) Вот и все, надеюсь найти решение .. или я сойду с ума: (

Ps: я конвертировал шрифт .ttf в eot с двумя разными онлайн-конвертерами - извините за спам: / (http://ttf2eot.sebastiankippe.com) www.kirsle.net/wizards/ttf2eot.cgi потому что у меня проблема с выполнением ttf2eot в коде Google Большое спасибо, ребята !!

1 Ответ

0 голосов
/ 21 мая 2010

У меня были отличные результаты с FontSquirrel @ font-face generator . Вы даете ему свой ttf, и он возвращает все, что вам нужно, включая css и eot. Работает со всеми основными браузерами.

...