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

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

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

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

感谢您的建议!

【问题讨论】:

  • 我认为,您选择的字体通常不支持俄语字母。或者尝试使用不同的加载技术。

标签: css fonts google-font-api


【解决方案1】:

只需添加即可防止换行

h1 { white-space: nowrap; }

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

【讨论】:

    【解决方案2】:

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

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

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

    【讨论】:

      【解决方案3】:

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2012-12-26
        • 1970-01-01
        • 2021-12-12
        • 2011-12-24
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多