显示@ font-face规则的Internet Explorer，Safari和Chrome问题

Question

Hy guys，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用宋体字体任何问题，也许是因为它是安装在操作系统。 HAND字体是问题所在。此外，IExplorer不采取任何习俗写在CSS（颜色，字体大小，对齐..） 这就是希望找到一个解决方案..或我会疯了:(

Ps：I converted .ttf字体eot与两个不同的在线转换器 - 对不起，垃圾邮件：/（http://ttf2eot.sebastiankippe.com） www.kirsle.net/wizards/ttf2eot.cgi 因为我有问题在谷歌代码上执行ttf2eot 非常感谢你们！ ！

Answer 1

我有过优异的成绩与FontSquirrel @font-face generator。你给它的TTF并返回你需要的一切，包括CSS和EOT。与所有主要的浏览器上运行。