字体在Firefox中看起来更加粗体

Question

5

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

这里有两张截图：

由于视网膜屏幕的缘故，图片显示得相当大，因此它们看起来有点放大。
如果您想查看任何代码，请访问以下网站URL。

有人有这个问题的好解决方案吗？

- DrMtotheac

http://paulirish.com/2009/bulletproof-font-face-implementation-syntax/ - nathan hayfield

2个回答

1

这个问题很老了，但如果还有人在寻找解决方案，这里是答案：@font-face: 在Firefox中的bold比Chrome中更加粗体。

- Nojan

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Tim M. · Accepted Answer

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

我在我的电脑上查看了这个网站，它看起来很好。我在我的 MacBook Pro（带视网膜屏幕）上使用 Safari 查看了这个网站，它看起来很棒（除了标志，我认为那是一个光栅图形）。

Firefox（版本17）看起来很糟糕（就像你的截图一样）。我禁用了元素的样式，即使默认字体也看起来很糟糕。然后我注意到 FF 本身（例如选项卡上的文本）看起来锯齿很明显。

然后我打开了自己的一个网站，即使它使用 Helvetica，它看起来也很糟糕。这个网站看起来很糟糕（请参见下面的问题截图）。即使我的 SVG 图像在 iPad 上看起来很漂亮，但在这里呈现得很糟糕。

比较（左边是 Safari，右边是 FF 17）

enter image description here

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

修复方法

最近的测试版（版本18）旨在解决这些问题，并且似乎完全解决了这个问题，尽管字体在不同浏览器之间仍然略有不同（您现在可以使用CSS进行微调）。

Firefox用户通常会及时更新，所以这不应该再成为问题。