CSS - 在黑背景的白色文本,看起来更加大胆
Phi*_*lip 21 css fonts background bold
在黑色背景上使用白色文本时,文本看起来比应该看起来更胖.它的纯文本与CSS.我正在使用typekit.org字体.
有没有办法解决这个问题,还是某种抗锯齿问题？
小智 33
由于浏览器中使用了抗锯齿算法,因此文本为粗体.它很容易验证.在IE,Safari,Firefox和Chrome中获取屏幕抓图.他们所有的反别名都不同.有些使文本看起来比其他文本更厚.一般来说,较好的文字看起来是白色的黑色,它看起来更胖.
这里有一个完整的解释:http://www.lighterra.com/articles/macosxtextaabug/
这将在大多数浏览器中关闭抗锯齿:
body {
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
}
- 是的,这是有效的 - 当人们试图宣称它是一种视觉上的幻觉时,它显然很烦人! (8认同)
- 嗯，我仍然在 chrome/windows 上得到更粗的字体渲染和白色文本。 (3认同)
- 我认为moz版本应该是-moz-osx-font-smoothing:grayscale参见[这个答案](http://stackoverflow.com/a/17927764/896907) (2认同)
我能够通过使用以下方法解决这个问题:
-webkit-font-smoothing:antialiased
有点晚,但它可能仍然有用.
请记住,不建议这样做.除非您使用MacOS并在深色背景上使用浅色文本.