CSS - 黑色背景上的白色文字，看起来更大胆

在黑色背景上使用白色文字时，文字看起来比它看起来要胖。它的纯文本与CSS。我正在使用typekit.org字体。CSS - 黑色背景上的白色文字，看起来更大胆

enter image description here

有什么办法来解决这个问题或者是某种抗锯齿问题吗？

2013-01-23 Philip

不，这是一个错觉，在Photoshop中打开它并颠倒颜色，它看起来是一样的。 –

@BenjaminGruenbaum - 我刚刚做了，没有看起来不一样。 – Philip

也许我没有一个艺术家的眼睛，那么因为它看起来对我来说是相同的：/ –

由于您的浏览器中使用了抗锯齿算法，因此文本为粗体。这很容易验证。在IE，Safari，Firefox和Chrome中使用screengrabs。它们的所有反别名都不同。有些文本看起来比其他文本更厚。一般来说，更好的文本看起来是白色的，黑色的看起来反而更胖。

这将关闭抗锯齿在大多数浏览器：

body { 
-webkit-font-smoothing: antialiased; 
-moz-font-smoothing: antialiased; 
-o-font-smoothing: antialiased; 
}

2013-04-02 20:57:23

是的，这是有效的 - 当人们试图声称这是一种错觉时，这真的很烦人！ – advert2013

我认为莫兹版应该是-moz-osx-font-smoothing：灰度看到[这个答案]（http://stackoverflow.com/a/17927764/896907） – josef

嗯，我仍然得到更厚的铬/与白色文本的窗口。 –

-3

我认为这是一种错觉，css是由你定义的，如果你没有在CSS中使用粗体文字的规则，那么它就不会是粗体的。

2013-01-23 10:23:34 BackSlash

我想这是，虽然刺激。 – Philip

评论我的downvote，因为它表明它：不，它不是一个错觉。前端开发技术没有像这样被切割和干燥。从DOM API到CSS美学的所有内容都受到每个浏览器不同实现的影响，而这些变体对于我们中的一些人来说可能是非常有问题的。 –

不是幻觉，而是一个实际的错误。 –

其实，这是一个known bug：

我能解决这种使用：

-webkit-font-smoothing:antialiased

有点晚了，但它对某些人来说可能还是有用的。

只记得this is not recommended。除非你在MacOS上，并且在黑暗的背景下使用浅色文字。

2014-01-14 02:04:19

链接已关闭。镜像在这里：https://web.archive.org/web/20131019233655/http://tanookilabs.com/your-fonts-look-bad-in-chrome-heres-the-fix – geon

两个存档问题和5年后最新的Chrome仍然在黑暗的背景上以MacOS上令人厌恶的方式呈现浅色文字。这太糟糕了...... –

回答