谷歌浏览器字体优化

Question

我经常使用Google字体和自定义字体，因为Google Chrome有一个渲染它们不好的坏习惯，这很遗憾，因为其他方面都与Google Chrome配合得很好。有没有一种方法可以（最好使用CSS）将字体渲染到“Apple Safari”标准？

谢谢，

- user1310420

---

“渲染出现问题”指的是什么？出现了像素化的情况吗？字距没有正确处理？你有任何屏幕截图可以进行比较吗？ - chipcullen

另外，请问您要与哪个操作系统/硬件进行比较？老式的运行Windows XP的CRT显示器看起来会与iPad3甚至MacBook不同，这是由于操作系统可以处理的字体类型和实际屏幕造成的。 - tomByrer

Safari确实有自己的渲染引擎，据我所知它不是开源Webkit软件包的一部分。因此，这不是在Chrome中更改一些设置以使其显示相同的问题；Chrome根本没有它。 - Mr Lister

我怀疑这与Safari（与OSX相同）和Windows（ClearType）中使用的不同字体渲染方法有关。 - Richard Ev

有一个黑客攻击。我曾经找到过它，但现在找不到了 :( 希望有人能够提供一个好的答案。 - Victoria Ruiz

我可以发送给你这个链接：https://chrome.google.com/webstore/detail/gbokdhnlldmknaijpgikegjffnlpaamk?hl=en-US 这是Chrome的扩展程序。它使得Chrome中的字体看起来像Safari。通常，它只会进行CSS文本阴影处理。 - nikoloza

Answer 1

这是一个一直令人困惑的问题（参见：https://superuser.com/questions/354006/google-chrome-never-renders-fonts-properly-no-smoothing-etc。另请参阅：http://productforums.google.com/forum/#!topic/chrome/oXILHkVG75M）。

这是一个 Windows 7/Vista ClearType 问题。据我所知，Safari、FF 和 IE 渲染文本的方式不同，或者使用自己的文本渲染程序。基本上，过去你可以添加一个小阴影来设置 Chrome 的内部渲染标志，文本看起来会好很多，但现在看起来还是很糟糕。这个方法已经不再奏效了。据我所知，这是 Chrome 中尚未解决的一个 bug。

我仍在寻找解决方法，但我认为我们几乎没有什么希望了。

- marta.joed

Answer 2

你有没有研究过-webkit-font-smoothing？我经常使用Google字体和@font-face套件，并且在一些“更厚重”的字体上使用了“subpixel-antialiased”和“antialiased”，并取得了成功：

-webkit-font-smoothing: subpixel-antialiased;

-webkit-font-smoothing: antialiased;

或许可以尝试每个选项，看看是否对你所看到的有所不同？

MaxVoltar上有一篇帖子给出了一个合理的解释：

http://maxvoltar.com/archive/-webkit-font-smoothing

- 2stripe