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

Question

我正在使用font-face,我的字体在Firefox for Mac中看起来很糟糕.我试过-webkit-font-smoothing: antialiased和font-smoothing: antialiased.

这是两个截图:

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

由于视网膜屏幕,图像变得非常大,所以它们看起来有点放大.

如果您想查看任何代码,这是网站的URL.

• http://marcusfriberg.com/standart/

任何人都有这个问题的良好解决方案？

Answer 1

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

我在我的电脑上查看了该网站，看起来不错。我在我的 MacBook Pro（带视网膜）上的 Safari 上查看了该网站，它看起来很棒（除了徽标，我认为它是光栅图形）。

Firefox（版本 17）看起来很糟糕（就像你的屏幕截图一样）。我禁用了元素上的样式，甚至默认字体看起来都很糟糕。然后我注意到 FF 本身（例如选项卡上的文本）看起来别名很差。

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

对比（左为 Safari，右为 FF 17）

我的猜测是问题比字体更深层次。我在视网膜显示屏上的其他应用程序中注意到了这一点。我相信 Chrome 也有同样的问题。

使固定

最近的测试版（版本 18）预计会解决这些问题，并且似乎完全解决了该问题，尽管浏览器之间的字体看起来仍然略有不同（您现在可以使用 CSS 对其进行调整）

Firefox 用户通常很乐意更新，因此这应该不再是一个问题。