Question

我在我的网站上使用了名为http://fonts.googleapis.com/css?family=Merriweather:400,700,700italic的Google字体，它在Firefox和IE上看起来不错，但在Safari和Google Chrome浏览器上却没有.....请查看图片....

我希望它能够在每个浏览器上工作而不会出现任何像素化问题

请求你最好的建议............

由于

Answer 1

试试这个：

{
  -webkit-text-stroke: 0.6px;
}

Answer 2

您无法控制像Chrome这样的浏览器呈现字体的方式。您可以控制选择最佳字体大小的最佳字体。（某些字体只在某些字体大小看起来很好 - 您使用的字体从50px开始看起来很好看。编辑：啊，这是一个不同的{{3} }）

如果您/您的客户如此具体，您甚至可以通过某些自定义呈现获得帮助，例如

使用canvas / flash渲染字体。广泛使用它可能会导致性能问题或缓慢。

习惯了字体平滑，但我想不再支持，你可以尝试Cufon

Answer 3

您可以使用

平滑字体

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}