Firefox mac 中深色背景上的字体平滑效果不佳（CSS）
我设计了一个网站，它有深色背景。我在我的页面中使用 Helvetica Neue、Arial 和 Quattrocento（来自 google webfonts）。 Mac 和 Win 中的所有浏览器（甚至 IE8）中一切都很好，但是当谈到 Firefox Mac 时，它似乎不明白如何在深色背景上渲染白色文本，而且我的所有字体看起来更粗更丑。
良好的字体 (Chrome Mac)：http://p5x.co/1232
不良字体 (Firefox Mac)：http://p5x.co/1233
我什至在CSS中将其添加到我的正文中：
-webkit-font-smoothing:antialiased;
text-shadow:rgba(255,255,255,.01) 0 -1px 1px;
任何人都可以帮助我吗？ 谢谢
I have designed a website and it has dark background. Im using Helvetica Neue, Arial and Quattrocento (From google webfonts) in my pages. Everything is fine in all browsers in Mac and Win (even IE8) But when it comes to Firefox Mac, it just doesn't seem to understand how to render white text on dark background and all of my fonts look bolder and uglier.
Good Fonts (Chrome Mac): http://p5x.co/1232
Bad Fonts (Firefox Mac): http://p5x.co/1233
I even added this to my body in css:
-webkit-font-smoothing:antialiased;
text-shadow:rgba(255,255,255,.01) 0 -1px 1px;
Can anyone help me with this?
Thanks
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
这是浏览器呈现字体的能力的限制。谷歌网络字体文档甚至承认了这一点。
您可能需要考虑 Typekit 或 Cufon 作为替代方案，尽管它就是这样。想象一下使用这样的浏览器的人已经习惯了随处可见的质量，因此您的网站可能不会成为桶中的害群之马。
This is a limitation of the browser's ability to render the typeface. Google webfonts documentation even acknowledges this.
You may want to consider Typekit or Cufon as an alternative, though it is what it is. Figure people who use a browser like that are used to seeing that quality everywhere so your site likely won't be the bad apple in the barrel.