谷歌字体不同大小和锯齿状答案

【问题标题】：Google fonts different size and jagged谷歌字体不同大小和锯齿状
【发布时间】：2012-11-15 06:57:29
【问题描述】：

我在使用 Google 字体时遇到了一个非常令人惊讶的问题。 This is the site in question.

标题通常显示为一格，但我的一个和我一样的 Opera 版本的朋友给我发了this 截图。你可以看到标题分成两行，每一个想法都停下来。

这是我第一次使用 Gfonts，必须承认 Firefox 也存在另一个问题 - 字体看起来很锯齿！

感谢您的建议！

【问题讨论】：

【解决方案1】：

只需添加即可防止换行

h1 { white-space: nowrap; }

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

多亏了这个 Joomla，锯齿状问题得到了解决！扩展名-KC Cufón Font Replacement。 A 只包含了我的文本字符 - 只有 3KB 的 js，我也留下了相同的 Google Web 字体加载，以便在扩展加载之前显示文本。

【讨论】：