谷歌字体大小不一,锯齿状

时间:2012-11-13 12:26:34

标签: css fonts google-font-api

我对谷歌字体有一个非常令人惊讶的问题。 This is the site in question.

标题是正常显示在一个ligne但我的一个朋友和我一样的Opera版本发送了this截图。你可以看到标题分为两行,并且每个人都在思考。

这是我第一次使用Gfonts并且必须承认Firefox中还有另一个问题 - 字体看起来很混乱!

感谢您的建议!

3 个答案:

答案 0 :(得分:0)

不幸的是,并非所有浏览器都以完全相同的方式呈现所有字体。我猜你在Opera中的标题问题是由于字体被渲染得更大。您可以尝试针对Opera的特定样式表来解决该问题。

至于锯齿状的字体,嗯......你必须处理它,并选择在每个浏览器上看起来都很清晰的字体。

看看这里:http://css-tricks.com/font-rendering-differences-firefox-vs-ie-vs-safari/

答案 1 :(得分:0)

只需添加

即可防止换行
h1 { white-space: nowrap; }

字体渲染取决于字体,字体大小,浏览器,操作系统,设备,设置以及可能的月相。有些字体比其他字体更难,所以实际的做法是选择另一种字体。

答案 2 :(得分:0)

由于这个Joomla,锯齿状的问题得到了解决!扩展 - KC Cufón Font Replacement。 A只包括我的文字中的字符 - 只有3KB的js,我也加载了相同的Google Web字体,以便在扩展加载之前显示文本。