css - Firefox mac (CSS) 深色背景上的错误字体平滑

Question

我设计了一个网站，它有深色背景。我在我的页面中使用 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;

谁能帮我解决这个问题？谢谢

Answer 1

这是浏览器渲染字体能力的限制。 Google webfonts 文档甚至承认这一点。

您可能需要考虑 Typekit或 Cufon作为替代方案，尽管它就是这样。假设使用此类浏览器的人习惯于随处看到这种质量，因此您的网站可能不会成为桶中的坏苹果。