浏览器字体混叠Light on Dark vs Dark on Light

Question

这是一个屏幕截图，显示了与 OSX 上的 Chrome 34 中显示的相同面孔和相同重量。唯一的区别是文字的颜色和背景的颜色：

如果还不够清楚，这里有一个放大：

所以很明显区别不是光学的。 Chrome 正在为深色背景上的浅色文本增加重量。其他浏览器会在不同程度上做到这一点。

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

Answer 1

在 OSX 中，深色背景上浅色文本的亚像素抗锯齿非常可怕broken，并且已经被永远破坏了。

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