Arial black 突然不能在镀铬中工作答案

【问题标题】：Arial black suddenly not working in chromeArial black 突然不能在镀铬中工作
【发布时间】：2014-09-05 17:02:31
【问题描述】：

我今天注意到我开发的一个网站突然停止在 chrome 中渲染“Arial Black”字体。

有谁知道最近的 Chrome 更新是否会导致“arial black”停止工作？

即使是 w3schools 上的示例也已停止在 chrome 中运行：http://www.w3schools.com/cssref/css_websafe_fonts.asp

【问题讨论】：

标签： css google-chrome

【解决方案1】：

最新的 Chrome 更新（版本 37.x）默认设置（最初在 Chrome 35 测试版上，默认情况下未设置），这就是 Chrome 使用 Windows 上的DirectWrite API 呈现字体的方式。

如果您希望旧行为打开 chrome://flags/ 并启用 Disable DirectWrite。

这将禁用实验性DirectWrite 字体渲染系统。

也如this bug report中所述：

这一切都来自 DW 将字体粗细视为不同的变体与 GDI 不同，字体相同。因此 Arial Black 被认为是重量为 900 且与指定系列匹配的 Arial。

因此，如果“Arial Black”回退到“Arial”，重量为 900，并且 Arial 中 900 的重量与 Arial Black 的“重量”不同，那么您将看到渲染字体的差异。

【讨论】：

DirectWrite 字体是否为以前版本的 Chrome 无法正确消除锯齿文本这一事实提供“修复”？试图弄清楚禁用它是否会弊大于利。
@RoddyoftheFrozenPeas 是的，他们似乎就是这样解决这个特定问题的。
这不是“Chrome 如何渲染字体”。 Chrome 根本不会呈现它。您可以通过使用font-family: "Arial Black", Courier 进行测试来看到这一点。
@JukkaK.Korpela DirectWrite 是 Chrome 用来呈现字体的 Windows API。我更新了答案以更清楚。 blog.chromium.org/2014/07/…
@Arbel，这仍然不是渲染“字体”的问题（但可能是一般的字体渲染）。如果分析正确，则设置 font-family: Arial; font-weight: 900 将导致使用 Arial Black；但它会导致 Arial Bold。

【解决方案2】：

在我的情况下，启用Disable DirectWrite 并不能解决问题。

我发现here 发现问题实际上不仅在于 Arial Black 字体，还在于 Helvetica Neue。

简单编辑：

C:\Users[YourName]\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\custom.css

并添加下面给出的两个代码

@font-face { font-family: ‘helvetica neue’; src: local(‘Arial’); }
@font-face { font-family: ‘helvetica neue’; font-weight:bold; src: local(‘Arial’); }

【讨论】：

【解决方案3】：

Use arial black or arial narrow. 
Example: 
font_formats: "Andale Mono=andale mono,times;"+
        "Arial=arial narrow,avant garde;"+
        "Arial Black=arial black,avant garde;"+
        "Courier New=courier new,courier;"+
        "Georgia=georgia,palatino;"+
        "Impact=impact,chicago;"+
        "Symbol=symbol;"+
        "Tahoma=tahoma,arial,helvetica,sans-serif;"+
        "Times New Roman=times new roman,times;"+
        "Verdana=verdana,geneva;"+
        "Webdings=webdings;"+
        "Wingdings=wingdings,zapf dingbats",

【讨论】：