为什么 Helvetica Neue 渲染不正确？

Question

前几天我安装了一些新的 Helvetica 变体，从那以后 Helvetica Neue 没有呈现它应该如何（在 Chrome 或 Firefox 中）。

我尝试删除所有 Helvetica 字体并重新安装它们，但它们仍然无法正确呈现。

这是它的样子：

有些字母似乎比其他字母高？

字体应为：普通 14px/1.4 "Helvetica Neue","HelveticaNeue",Helvetica,Arial,sans-serif；

Answer 1

我假设您在 Windows 上运行，因为 Mac 用户无需安装 Helvetica Neue。

此字体通常不存在于 Windows 中，而是由 Arial 替换。安装任何风格的 Helvetica 都有些棘手，因为它在 CSS 样式表中相当常用，因此即使在 Arial 更好的情况下，浏览器也可以选择它，以弄乱浏览器中的字体渲染。

Helvetica Neue 字体有多种实现/风格。有些在大字体上表现出色，但在正常尺寸下效果不佳。我听说这个效果很好，但没有亲自使用过。

Chrome 允许您提供自己的自定义 CSS 更改来覆盖网站 CSS。要查找自定义 CSS 文件，请关闭 Chrome 并转到文件夹：

%AppData%\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

并Custom.css在您喜欢的文本编辑器中打开该文件。

要使用 Arial 而不是 Helvetica，请粘贴以下几行：

@font-face { font-family: 'helvetica neue'; src: local('Arial'); }
@font-face { font-family: 'helvetica neue'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'helvetica'; src: local('Arial'); }
@font-face { font-family: 'helvetica'; font-weight:bold; src: local('Arial'); }
@font-face { font-family: 'HelveticaNeue-Light'; src: local('Arial'); }
@font-face { font-family: 'Helvetica Neue Light'; src: local('Arial'); }

您还可以使用 Chrome 扩展更改字体系列样式 来强制使用 Arial 而不是 Helvetica。

编辑

值得注意的是， 自2013年11 月以来，Chrome 中删除了 用户样式表 (Custom.css) 支持，这解释了为什么通常的解决方案不再起作用。

我认为您剩下的选择是：

1. 使用扩展更改字体系列样式。
2. 从 Windows 中完全删除 Helvetica 以强制 Chrome 使用 Arial
3. 切换到其他浏览器。

要完全删除 Helvetica，请执行以下操作：

1. 转到“开始”>“控制面板”>“字体”，选择字体，然后在“文件”菜单上单击“删除”（源）。
2. 删除字体缓存文件C:\Users\[username]\AppData\Local\GDIPFONTCACHEV1.DAT并重新启动。
3. 仅在需要时，在注册表中搜索“helvetica”并删除（非常小心），然后重新启动。