为什么chrome渲染字体如此明亮?

时间:2014-11-02 13:20:21

标签: html css google-chrome fonts

下图是同一页/段落的三个屏幕截图的组合:第一个来自Chrome,第二个来自IE,第三个来自Firefox。

颜色为黑色(#000),字体系列为Helvetica,字体大小为12px。

正如我们所看到的,chrome中的字体看起来不是很黑。它甚至看起来很苍白。在IE中,字体呈现为更深的黑色,更易于阅读。在Firefox中,它比Chrome好得多,但仍然没有IE那么黑。

有没有人知道是什么造成了这种差异,以及是否有针对此问题的解决方法(这不涉及疯狂的CSS黑客攻击)?

感谢。

same font, three different browsers

2 个答案:

答案 0 :(得分:0)

这是因为浏览器如何呈现网站,这应该解决它:

-webkit-font-smoothing:antialiased;

编辑:我认为它还修复了文本在OSX上的显示方式

答案 1 :(得分:0)

在我自己的网站上测试网络字体时,我发现了完全相同的问题。所有网络字体在Chrome中看起来都比在其他浏览器中看起来更薄;这甚至会渲染一些字体,否则它们看起来很平衡,几乎没用。

我找到的一个CSS属性有帮助:

-webkit-text-stroke

但这不是一个完美的解决方案,而且它是无效的CSS。

现在是2016年,问题仍然存在。我不能说我理解他们为什么不修理它。 (不,修复永远不应该意味着必须自己更改浏览器设置。)

由于某种原因,它似乎也是一个相对低报的问题。