字体在 Google Chrome 上未正确显示答案

【问题标题】：Fonts Not Properly Shown on Google Chrome字体在 Google Chrome 上未正确显示
【发布时间】：2014-02-17 04:07:57
【问题描述】：

Chrome 有这个奇怪的问题。我使用带有字形图标的 Bootstrap 和使用 @font-face 包含的另一种字体（BYekan）。

但有时字形图标和 BYekan 字体会按应有的方式显示，有时会出现一个正方形而不是这些字体，只要我将鼠标悬停在正方形上，就会出现正确形式的字形图标和我的 BYekan 字体。

我指的是我的问题的几乎完全相同的副本，但带有插图 (glyphicons icons not get suitable for chrome)，我认为它没有合适的答案。

我在 Windows 机器上使用 Chrome 版本 32。此外，我正在使用流行的基于 Bootstrap 的 Flat UI，同样的问题也适用于它的网络字体图标。

我认为这个问题正在动摇我的设计，我真的很担心。我想澄清一下，取消 Flat UI 或 BYekan 字体是不可行的，不是解决方案。

【问题讨论】：

【解决方案1】：

我在 Bootstrap 支持的网站上也遇到过这个问题（Twitter 就是一个显着的例子）。这很可能与a known Chromium issue 有关。据报道，该问题已得到修复，预计该修复程序将随 Chrome 33 一起提供。

【讨论】：

如果您对此回答满意，请采纳：stackoverflow.com/help/someone-answers
我只知道版本 33.0.1750.46 beta-m 破坏了 Google 字体渲染。
@ZenMaster 所以你是说这个字体问题在 Chrome 版本 33 中得到了解决？我很担心，因为我的应用程序依赖于这些字体。你能估计一下这个版本的发布吗？
@FighterJet 1. 我不是 Chrome 开发的一部分。 2. 我上面提到的版本破坏了渲染质量，而不是最初的抱怨。在我看来，虽然 33 可能已经修复了一个不同的问题，但最新的更新之一破坏了渲染质量

【解决方案2】：

找到了解决办法！

如果您没有为文本设置font-size，则默认字体大小为1em。显然 Chrome 对某些字体的这种字体大小有问题！

所以只需将您的font-size 设置为其他内容（例如font-size: 1.001em），您的字体就会正确显示:)

【讨论】：