0

嗨，伙计们，我在使用 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>

我对 Calibri 字体没有任何问题，可能是因为它安装在 os. HAND字体是问题所在。此外，IExplorer 不接受任何用 css 编写的习俗（颜色、字体大小、对齐 ..），仅此而已，希望找到解决方案.. 否则我会发疯 :(

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

4

1 回答 1

0

我使用FontSquirrel @font-face 生成器取得了很好的效果。你给它你的 ttf，它会返回你需要的一切，包括 css 和 eot。适用于所有主流浏览器。

于 2010-05-21T05:36:23.870 回答