Firefox中的字体字体看起来更大胆

Question

我正在使用font-face，我的字体在Firefox for Mac中看起来很糟糕。 我已尝试-webkit-font-smoothing: antialiased和font-smoothing: antialiased。

以下是两个屏幕截图：

• http://cl.ly/image/160U3U3u180i
• http://cl.ly/image/3y3G2s1v0p2Z

由于视网膜屏幕，图像变得非常大，因此它们看起来有点放大。

以下是网站的网址，如果您想查看任何代码。

• http://marcusfriberg.com/standart/

任何人都有解决这个问题的好方法吗？

Answer 1

好消息：这可能不是你的错。坏消息是，我不确定你能做多少。

我在电脑上查看了该网站，看起来很不错。我在我的macbook pro（w / retina）上浏览Safari上的网站，它看起来很棒（除了徽标，我假设是光栅图形）。

Firefox（版本17）看起来很糟糕（就像截图一样）。我禁用了元素上的样式，甚至默认字体看起来都很糟糕。然后我注意到FF本身（例如标签上的文字）看起来很混乱。

然后我开了一个自己的网站，即使它使用了Helvetica也看起来很糟糕。该网站看起来很糟糕（请参阅下面问题的屏幕截图）。甚至我的SVG图像（在iPad上看起来很漂亮）也看起来很糟糕。

比较（左侧为Safari，右侧为FF 17）

我的猜测是问题比字体更深。我已经注意到这与视网膜显示器上的其他应用程序。我相信Chrome也存在同样的问题。

修复

最新的测试版（第18版）is slated to address these problems似乎完全解决了这个问题，尽管浏览器之间的字体看起来仍然略有不同（您现在可以使用CSS调整它）

Firefox用户通常都很擅长更新，所以这应该不会成为问题的时间更长。

Answer 2

问题是陈旧但是如果有人仍在寻找解决方案，那么你的答案是： @font-face: bold in FF is bolder than in Chrome