下图是同一页/段落的三个屏幕截图的组合:第一个来自Chrome,第二个来自IE,第三个来自Firefox。
颜色为黑色(#000),字体系列为Helvetica,字体大小为12px。
正如我们所看到的,chrome中的字体看起来不是很黑。它甚至看起来很苍白。在IE中,字体呈现为更深的黑色,更易于阅读。在Firefox中,它比Chrome好得多,但仍然没有IE那么黑。
有没有人知道是什么造成了这种差异,以及是否有针对此问题的解决方法(这不涉及疯狂的CSS黑客攻击)?
感谢。
答案 0 :(得分:0)
这是因为浏览器如何呈现网站,这应该解决它:
-webkit-font-smoothing:antialiased;
编辑:我认为它还修复了文本在OSX上的显示方式
答案 1 :(得分:0)
在我自己的网站上测试网络字体时,我发现了完全相同的问题。所有网络字体在Chrome中看起来都比在其他浏览器中看起来更薄;这甚至会渲染一些字体,否则它们看起来很平衡,几乎没用。
我找到的一个CSS属性有帮助:
-webkit-text-stroke
但这不是一个完美的解决方案,而且它是无效的CSS。
现在是2016年,问题仍然存在。我不能说我理解他们为什么不修理它。 (不,修复永远不应该意味着必须自己更改浏览器设置。)
由于某种原因,它似乎也是一个相对低报的问题。