Css @Safari中字体大小的字体外观问题

我刚开始使用@font-face 这是在我的css之上

@font-face {
  font-family: Avenir;
  src: url(../fonts/AvenirLTStd-Medium.otf);
}
body{
 font-family:"Avenir",Helvetica;
 background:#fff url(../images/main_bg.png) repeat-x scroll 0 0;
 color:#321244;
}

下面是关于joomla的菜单

#menu_bottom ul li a {
font-size:12px;
font-weight:600;
letter-spacing:-0.6px;
text-transform:uppercase;

这在html文件中

<li class="item23"><a href="/index.php?option=com_user&amp;view=login&amp;Itemid=13&amp;lang=en"><span>Menu Item</span></a></li>

我试过了，但没有成功。 我应该添加另一种字体吗？这是我的字体目录中的字体

AJensonPro-BoldIt.otf         AvenirLTStd-BookOblique.otf
AJensonPro-Bold.otf           AvenirLTStd-Book.otf
AJensonPro-It.otf             AvenirLTStd-HeavyOblique.otf
AJensonPro-LtIt.otf           AvenirLTStd-Heavy.otf
AJensonPro-Lt.otf             AvenirLTStd-LightOblique.otf
AJensonPro-Regular.otf        AvenirLTStd-Light.otf
AJensonPro-SemiboldIt.otf     AvenirLTStd-MediumOblique.otf
AJensonPro-Semibold.otf       AvenirLTStd-Medium.otf
AvenirLTStd-BlackOblique.otf  AvenirLTStd-Oblique.otf
AvenirLTStd-Black.otf         AvenirLTStd-Roman.otf

---

或者我应该尝试另一种字体格式，一些不是otf的东西，在IE中似乎可以工作，尽管宽度更大。我仍然需要解决这个问题。

为字体权重指定一个数值是一件危险的事情。不同的浏览器对值的解释不同，有些浏览器根本不将其解释为任何东西。您最好使用标准的“粗体”。。。哪些浏览器以某种半统一的方式最接近匹配。此外，如果您使用的是自定义字体，您应该确保您的用户在其系统上拥有这些字体。此外，一些自定义字体对人造“粗体”属性的响应不好。他们将有一个命名为“粗体”的脸，如Avenir bold、Avenir Black、Avenir Demibold、Avenir Demibold Condensed等

此外，始终包括足够的备用字体，最后包括“serif”或“sans serif”或“monospace”通用字体说明符。

如前所述，您必须添加

font-weight: normal;
font-style: normal;

---

在@font-face声明内，然后使用

字体重量：600在你的锚上。
迟做总比不做好。希望这有助于：

html { -webkit-font-smoothing: antialiased; }

我试过用粗体，也没用，它和字体有关。字体脸的想法是使用自定义字体，这些都是从我的服务器提供的，我确实有helvetica字体作为辅助字体。我有一个类似的问题，这解决了我的问题。Thx Knu@胡安，请接受这个答案，这样这个问题就可以结束了。谢谢，这非常有效！唯一让我困惑的是来源引用了Chrome的bug跟踪器中的一个问题，并且它被标记为已修复。。。但在2012年仍然存在问题。@Knu OP提到了Safari和Chrome，答案链接到Safari和Chrome中的一个bug。。。这并不奇怪，因为两种浏览器都使用WebKit作为布局引擎。
html { -webkit-font-smoothing: antialiased; }