【问题标题】：@font-face vs Google Web Fonts@font-face 与谷歌网络字体
【发布时间】：2012-02-16 11:17:08
【问题描述】：

我设计了一个使用大量 Google 网络字体的网站。不幸的是，在 WinXP (IE6-8) 上，某些字体似乎过度抗锯齿，并且失去了视觉清晰度和清晰度。在 IE8 上的任何其他浏览器（Safari、Chrome、FF）和 MacOSX 上的任何浏览器上都没有问题。

WinXP 上的 IE8（过度抗锯齿）

Chrome WinXP（看起来不错）

所以我正在考虑使用来自fontsquirrel.com 的等效字体。与 Google Web Fonts 相比，使用 @font-face 有哪些优点/缺点？到目前为止，从我的实验来看，它们看起来好多了……

PS。加载@font-face 字体后会触发 document.ready() 吗？

【问题讨论】：

经过更多调查（感谢您的回答），我能够找到问题所在。我使用了等效的 font-face 字体，它在 IE8 中只是稍微好一点，（由于我想象的字体设计不同）。但真正的问题是用于生成梯度的 MS 过滤器。我正在使用 Compass 代码（由colorzilla.com/gradient-editor 生成）来创建渐变背景。用于 IE6-8 渐变的 MS 过滤器会导致字体看起来不清晰。当我求助于图像背景（叹气......）时，字体又好又清晰了。

【解决方案1】：

没有区别。

如果您查看 Google Web Fonts 的后端，它使用 @font-face 的方式与其他所有人使用它的方式完全相同，包括 FontSquirrel 及其 @font-face 生成器。没有什么神奇的，没有什么特别的。重要的是字体本身，以及浏览器的渲染引擎。

您可以尝试不同的字体，也可以使用特定于浏览器的样式表来解决该特定问题。

附：不，顾名思义，在加载 DOM 后会触发 DOMContentLoaded (jQuery ready) 事件。 load 之后可能会触发，我不确定。最好不要依赖它。

【讨论】：

【解决方案2】：

如果您希望它在所有浏览器上完全相同，请使用 Cufon 之类的东西。

这篇文章里都有比较

有人在这里问类似的问题>>

【讨论】：