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

Question

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

В 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> 

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

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

Answer 1

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