如何使用CSS减少Firefox在Mac上的字体重量？

Question

这是我的问题:我使用font-face作为我网站的菜单,但Mac上的Firefox显示它太大胆在PC上,一切运行良好,字体大小合适,看起来应该是

不幸的是,在Mac上,我必须有一个针对Safari的CSS黑客攻击(可以工作),但我在Firefox中找不到类似的东西.

我尝试过"text-shadow hack",我尝试使用font-weight属性(几乎没有做任何事情).

现在,一些代码!

@font-face {
    font-family: 'KnockoutHTF48FeatherweightRg';
    src: url('font/knockout-htf48-featherweight-webfont.eot');
    src: url('font/knockout-htf48-featherweight-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/knockout-htf48-featherweight-webfont.woff') format('woff'),
         url('font/knockout-htf48-featherweight-webfont.ttf') format('truetype'),
         url('font/knockout-htf48-featherweight-webfont.svg#KnockoutHTF48FeatherweightRg')     format('svg');
    font-weight: normal;
    font-style: normal;

}

对于Safari:

body{
    ...
    -webkit-font-smoothing: antialiased;
}

如果在Mac上是FF而右边是在PC上的FF(好版本) 截图http://i44.tinypic.com/ehm72a.jpg

谢谢!

Answer 1

FireFox今天在他们的bug论坛上发布了一个决议.它刚刚在今天完成,所以暂时不会使用,但我们都应该放弃

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

在我们的body标签中为所有浏览器重置此项.最后!!男人,这让我的一天!这应该在下一个FF版本中出现.

请点击此处 https://bugzilla.mozilla.org/show_bug.cgi?id=857142

Answer 2

您可以使用,

font-weight:normal !important;

用于修复firefox Mac上的可视化错误.