这是我的问题:我在网站菜单上使用的是字体,但是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(好的版本)谢谢!
最佳答案
FireFox今天在他们的错误论坛上发布了一个解决方案。它刚刚在今天完成,因此暂时不会使用,但是我们都应该
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
在
body
标记中为所有浏览器重置此设置。最后!!男人,这让我开心!这应该在下一个FF版本中发布。线程在这里
https://bugzilla.mozilla.org/show_bug.cgi?id=857142