浏览器字体混淆暗光和暗光

时间:2014-04-30 10:09:58

标签: google-chrome fonts font-face antialiasing cleartype

这是一个屏幕抓取,显示与OSX上Chrome 34中显示的相同重量的相同面部。唯一的区别是文本的颜色和背景的颜色:

enter image description here

如果不够清楚,这里有一个放大:

enter image description here

所以很明显,差异不是光学的。 Chrome正在为深色背景上的浅色文字增加重量。其他浏览器会在不同程度上这样做。

我可以理解,在某些情况下,这可能有助于提高易读性,但在这种情况下,至少它会使文本看起来过于大胆。我该如何抵消这种额外的粗体?

1 个答案:

答案 0 :(得分:1)

OSX中黑暗背景上的浅色文字的子像素抗锯齿是骇人听闻的broken,并且一直被摧毁。

可能有一种方法可以使用Chrome中的字体平滑选项来解决此问题,但我解决此问题的方法是选择具有多个权重的字体,并在深色背景上渲染文本时替换较轻的权重。 Source Sans Pro,Merriweather和Source Code Pro是具有此属性的优秀开源字体。