我正在使用font-face，我的字体在 Firefox for mac 中看起来很糟糕。我试过-webkit-font-smoothing: antialiased和font-smoothing: antialiased。
下面是两张截图：
由于视网膜屏幕，图像变得非常大，所以它们看起来有点放大。
这是网站的 URL，如果您想查看任何代码。
任何人都有解决这个问题的好方法？
问问题
4962 次
2 回答
4
好消息：这可能不是你的错。坏消息是，我不确定你能做多少。
我在我的电脑上查看了该站点，它看起来不错。我在我的 macbook pro（带视网膜）上查看了 Safari 上的网站，它看起来很棒（除了徽标，我认为它是光栅图形）。
Firefox（版本 17）看起来很糟糕（就像您的屏幕截图一样）。我禁用了元素上的样式，甚至默认字体看起来也很糟糕。然后我注意到 FF 本身（例如选项卡上的文本）看起来很糟糕。
然后我打开了我自己的一个网站，尽管它使用的是 Helvetica，但它看起来很糟糕。这个网站看起来很糟糕（见我下面问题的截图）。甚至我的 SVG 图像（在 iPad 上看起来很漂亮）看起来也很糟糕。
比较（左边是 Safari，右边是 FF 17）
我的猜测是问题比字体更深。我在视网膜显示器上的其他应用程序中注意到了这一点。我相信 Chrome 也有同样的问题。
使固定
最近的测试版（第 18 版）计划解决这些问题，并且似乎完全解决了这个问题，尽管字体在浏览器之间看起来仍然略有不同（您现在可以使用 CSS 对其进行调整）
Firefox 用户通常擅长更新，因此这应该不会成为更长时间的问题。
于 2012-11-30T00:06:46.923 回答
1
这个问题很老，但如果有人仍然在这里寻找解决方案，那就是你的答案： @font-face：FF 中的粗体比 Chrome 中的粗体
于 2013-04-25T18:10:09.857 回答