Google chrome Google Chrome字体渲染（粗体和抖动）

我知道这些天在各种各样的网站上出现了大量与字体渲染相关的问题。你会这么想，其中一个应该给我一个答案。不管我怎么寻找，我似乎都找不到解决问题的办法

在

googlechrome

中，几乎所有字体都显示为粗体。那并不是世界末日。更让我不安的是，他们变得非常紧张。就像在美国一样，它们看起来有点扭曲

我制作了一张图片来显示我的

firefox

和

chrome

字体呈现之间的区别：

我只是想摆脱这个。这困扰了我一段时间，我在网上找不到有帮助的解决办法

作为记录，我已经卸载并重新安装了

chrome

。此外，我在

chrome://flags

---

有什么帮助吗？

这实际上不是渲染问题，而是字体加载问题。Firefox显示的是Arial（一种为小尺寸渲染而优化的字体），而Chrome显示的是Helvetica（至少不是您安装的版本）

屏幕截图中的编辑器可能要求使用Helvetica字体，如果Helvetica不可用，则要求使用Arial和其他无衬线字体。我想你的电脑上只安装了黑体版的Helvetica。它实际上应该显示常规版本，但不可用。 因此，Firefox采用了Arial，而Chrome显示了最接近您的权重：粗体版本

---

要解决问题，您应该尝试卸载Helvetica Bold（通过控制面板>字体）。注意，它也可以用其他名称，如Helvetica Neue、Helvetica LT Std、Neue Helvetica等。请不要忘记重新启动以确保安全。然后Chrome还应该显示优化的Arial。

尽管问题有点老了，但“问题”仍然可能发生，我发现了另一种情况，导致出现这种文本外观（老实说，这让我想到这里）

在我的例子中，我没有注意到jQuery回调循环多次并将文本呈现到固定位置，大约20次。我检查了整个css。字体系列、文本呈现（本场景中的几何精度）、字体重量等等

我花了很长时间才弄明白，我有20个div，每个div都有相同的文本，因为我有一个非常复杂的、深度封装的DOM

所以，如果你遇到类似的问题，你也可以检查一下这个问题

---

最简单的检查方法是，要使用浏览器集成的inspector/developer工具（Windows:F12，Mac:ALT+CMD+I）删除包含文本的元素-导航到“元素”，将左侧图标（其中带有光标符号的图标）切换为蓝色（活动），单击浏览器中的元素。现在应该在“元素”下突出显示它，这是在DOM中找到它的最简单方法。右键单击并删除它。如果您仍然看到文本，则很可能有多个重叠，而您只需要一个。

自从完全重新安装windows以来，我再也没有这个问题了。所以这一定是对的，谢谢！我在更新Chrome（v.48.0.2564.116 m）后第一次遇到这个问题——将所有文本都改为粗体。这解决了我的问题，是Neue不得不离开。