☰

Helvetica 字体在 Chrome 中始终呈现为粗体

tag-icon • tag-icon google-chrome browser fonts
Helvetica 字体在 Chrome 中始终呈现为粗体

几天前开始出现这种情况，我不明白为什么。使用 Chrome 时，任何带有字体系列 Helvetica 或“Helvetica Neue”的文本总是以超重/粗体字体呈现。例如，facebook 现在看起来像这样：

Chrome 渲染器：

Facebook 显示错误的 Helvetica 字体

Firefox 渲染：

在此处输入图片描述

这只发生在 Chrome 中。Firefox/IE 工作正常。这似乎只影响 Helvetica 字体。其他字体或未定义字体系列的字体可以正常呈现。当我更换电脑时，奇怪的字体实际上也出现在第二台电脑上，这让我认为它是在 Chrome 的某个设置中，并且保留在我的帐户中。Chrome 设置/显示高级设置/Web 内容中的所有内容似乎都对它没有任何影响。当我将文本从 Chrome 复制并粘贴到 Word 中时，它会正常加载并将 Helvetica 列为字体。但奇怪的是，当我选择字体下拉菜单时，列出了 Helvetica-Black，但没有列出 Helvetica。

有任何想法吗？！

答案1

这是 Windows 浏览器的常见问题。当网站在其 CSS“font-family”节中将 Helvetica 指定为第一个字体时，Windows 会使用它能找到的任何第一个 Helvetica 字体来呈现页面。

我经常不得不在 IE 中为客户修复此问题，解决方案始终是删除所有 Helvetica 字体，或者如果客户要求安装 Helvetica，则使用其他浏览器。奇怪的是，它现在也影响了 Chrome。我最常在 IE 中看到它，当安装了 Helvetica Compressed 时，由于该特定字体的字距调整，网站文本无法阅读。

如果他们在字体系列节中指定 Helvetica 以外的其他字体（例如 Arial）作为第一个字体，则 Windows 浏览器呈现文本不会出现任何问题。

答案2

好的，所以当我写这个问题时，我想我偶然发现了解决办法。在我安装的字体（开始/运行/字体）中，不知何故我安装了 Helvetica Black，但没有任何其他版本的 Helvetica。似乎 Chrome 选择了黑色版本，让一切看起来都非常粗体。我当然没有在上周的两台电脑上手动安装 Helvetica Black，但 Chrome 最近可能改变了它选择字体的方式，或者我使用/安装了其他安装了 Helvetica Black 的软件？

回顾一下，我的解决办法是：

  • 转到字体文件夹（开始/运行/字体）
  • 查找并删除 Helvetica Black

答案3

该问题可以通过以下两种方式解决：

永久解决方案：

我相信你不想删除字体，对吧？如果不是，那么这对你来说并不重要。但是，如果你想这样做，只需在安全模式下重新启动计算机并从控制面板中删除字体（参见其他答案）

临时解决方案：

在这里我们将修改 chrome 文件，从而解决问题。

  1. 打开 Windows 资源管理器。

  2. 转到 — > C:\Users[你的名字]\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\custom.css

  3. 现在打开文件 custom.css。这可以使用记事本来完成。

3b. Chrome 停止支持此自定义用户样式表，但插件可以提供相同的功能：https://chrome.google.com/webstore/detail/stylish/fjnbnpbmkenffdnngjfgmeleoegfcffe?hl=en

  1. 只需添加下面给出的两个 CSS。您的问题就解决了！
    @font-face { font-family: 'helvetica neue'; src: local('Arial'); }
    @font-face { font-family: 'helvetica neue'; font-weight:bold; src: local('Arial'); }
    @font-face { 字体系列：'helvetica'; 源码：本地（'Arial'）; }
    @font-face { 字体系列：'helvetica'; 字体重量：bold; src：local('Arial'); }

上面四行是一段简单的代码，将浏览器中的Helvetica Neue和Helvetica字体替换为Arial Font。

您可以重复此过程，或通过简单地更改字体名称进行编辑，然后用您喜欢的本地字体替换该字体。

相关内容