Html 如何修复safari和chrome上的google字体像素化问题

我曾在我的网站上使用过谷歌字体，它在Firefox和IE上看起来不错，但在safari和谷歌chrome上却不行。。。。。请查看图片

我希望它在每个浏览器上都能正常工作，没有任何像素问题

请求您最好的建议

---

谢谢

你无法控制像Chrome这样的浏览器如何呈现字体。您只需控制选择最佳字体大小的最佳字体即可。（某些字体仅在特定字体大小下看起来很好-您使用的字体从50像素开始看起来很好。编辑：啊，这是另一回事）

如果您/您的客户非常具体，您甚至可以从一些自定义渲染中获得帮助，如

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

以前有一种字体平滑功能，但我想现在已经不支持了，您可以尝试一下，尽管

试试这个：

{
-webkit文本笔划：0.6px；
}

您可以使用

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

---

阅读更多信息：

字体呈现的不同，尝试不同的字体，也尝试不同的字体大小，以前有css，但现在不存在了