@ font-face vs Google Web Fonts

时间:2012-01-23 00:21:54

标签: internet-explorer font-face antialiasing google-webfonts

我使用众多Google网络字体设计了一个网站。不幸的是,在WinXP(IE6-8)上,一些字体看起来过于消极锯齿,并且失去了视觉清晰度。明晰。 IE8上的任何其他浏览器(Safari,Chrome,FF)和MacOSX上的任何浏览器都没有问题。

关于WinXP的IE8(过度热心的抗攻击)

IE8 on WinXP (Over-zealous AntiAliasing)

Chrome WinXP(看起来不错)

Chrome WinXP (Looks Good)

所以我考虑使用fontsquirrel.com中的等效字体。使用@ font-face而不是Google Web Fonts有什么优点/缺点?到目前为止,从我的实验来看,它们看起来好多了......

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

2 个答案:

答案 0 :(得分:4)

没有区别。

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

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


P.S。不,正如名称所示,在加载DOM之后会发生DOMContentLoaded(jQuery ready)事件。 load可能会在之后开火,我不确定。最好不要依赖它。

答案 1 :(得分:1)

如果您希望它在所有浏览器上完全相同,请使用Cufon。

http://cufon.shoqolate.com/generate/

https://github.com/sorccu/cufon/wiki/Demos

本文中对它们进行了比较

http://www.nineteenfortyone.com/2010/06/cufon-vs-css3-vs-google-font-api/

有人在这里提出类似问题>>

@font-face vs Google Fonts vs Cufon