这是我的问题:我在网站菜单上使用的是字体,但是Mac上的Firefox显示的字体太粗了
在PC上,一切正常,字体大小合适,看起来应该像
不幸的是,在Mac上,我必须有一个针对Safari的CSS hack(有效),但是我在Firefox中找不到任何类似的东西。
我已经尝试过“文本阴影黑客”,我尝试使用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(好的版本)
css - 如何使用CSS在Mac上的Firefox中减轻字体重量?-LMLPHP

谢谢!

最佳答案

FireFox今天在他们的错误论坛上发布了一个解决方案。它刚刚在今天完成,因此暂时不会使用,但是我们都应该

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

body标记中为所有浏览器重置此设置。最后!!男人,这让我开心!这应该在下一个FF版本中发布。

线程在这里
https://bugzilla.mozilla.org/show_bug.cgi?id=857142

10-08 13:43