Firefox Internet explorer、Safari和Chrome在显示@font-face规则时出现问题

嘿，伙计们，我对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;
 }

In.html

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

我对Calibri字体没有任何问题，可能是因为它安装在操作系统上。这是问题所在。此外，IExplorer不接受任何定制的css颜色、字体大小和对齐方式。。 就这些，希望能找到解决办法。。否则我会发疯的：

Ps：我使用两个不同的在线转换器将.ttf字体转换为eot-很抱歉发送垃圾邮件：/ www.kirsle.net/wizards/ttf2eot.cgi 因为我无法在谷歌代码上执行ttf2eot

---

谢谢大家

我在这方面取得了优异的成绩。你给它你的ttf，它会返回你需要的一切，包括css和eot。适用于所有主要浏览器