Chrome和Firefox无法正确呈现OPEN SANS网络字体。

5
自从几周前起,我的Chrome在渲染Google字体“Open Sans”时出现问题。至于Firefox,它总是渲染不好。
无论是在任何网站上,使用任何字重或大小,都会渲染得很糟糕。
我已经阅读了一些关于更改chrome://flags/#enable-direct-write的内容,但我没有这个选项。
我已经清理了缓存。
我有一个屏幕截图显示了它在我的屏幕上的样子以及下面应该是什么样子的。

chrome open sans rendering issue

那个截图是从这里取得的:http://104.236.102.187/htmls/open/open.html 目前使用的Chrome版本是52,操作系统为Windows 8.1 Pro 64位。
谢谢。

我从昨天开始就一直面临这个问题...看起来是我的Win 7上更新了什么东西。 - Prabhat
我是提出这个问题的人,我通过安装旧版本的Chrome(50)并修改注册表来避免Chrome的自动更新来解决了它,但是我知道在Windows中管理字体还有另一种解决方案,不过我还没有尝试过。 - dexter00x
谢谢你的解决方案,伙计。不过我会保留它,因为我不想降级。 - Prabhat
1个回答

1
我在最新的Windows 10(64位)上测试了最新的Firefox 48和Chrome 52,并没有看到像上面截图中那样的情况。开发者工具显示Open Sans已被加载。
您是否也尝试包含各种字体样式?由于在您的CSS样式表href中缺少它们,因此您需要包含它们。
应该像这样设置,以便Google知道要提供哪些字体样式。
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400,600,300,800,700,400italic" />

Google Web Font页面提供了大约10种Open Sans字体样式。

https://fonts.google.com/specimen/Open+Sans?query=open+sans

请查看各种字体样式是否出现,如果没有出现,可能是您的显卡或某种Windows 8错误导致了这种渲染。

更新

还要检查ClearType是否影响浏览器中的文本。尝试启用和禁用它,看看是否有区别。在Windows中搜索调整ClearType文本

https://www.microsoft.com/typography/cleartype/tuner/tune.aspx


是的,我已经测试了所有的字重,包括400、600、300等,但问题仍然存在;唯一能正确显示该字体的是Internet Explorer。 - dexter00x
如果你使用的是Windows 7、8或10操作系统,尝试"禁用"或"启用"Windows功能"ClearType"。在Windows搜索栏中查找"调整ClearType文本"。这可能会对浏览器中呈现的字体抗锯齿产生影响。https://www.microsoft.com/typography/cleartype/tuner/tune.aspx - Jonathan Marzullo

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接