CSS黑色文本包含彩色像素答案

【问题标题】：css black text contains colorized pixelCSS黑色文本包含彩色像素
【发布时间】：2017-03-08 01:19:04
【问题描述】：

如果您仔细检查 html 页面上的黑色文本（例如使用 Firefox 开发工具 - 吸管），您可以检测到文本周围的彩色像素。有谁知道如何改变它，使文本变成全黑或灰度？

我为什么要问这个简短的叙述；

我正在使用开源命令行工具“wkhtmltopdf”从 html 页面创建 pdf。我正在尝试创建一个完整的灰度 html 页面，这样当我将打印机的颜色设置设置为自动时，它会创建灰度打印而不是彩色打印。目前，情况并非如此，我怀疑这是因为我的文档中有彩色像素。

额外信息：我不能简单地将我的打印机颜色设置设置为灰度，因为我应该有一个包含灰度页面和彩色页面的混合 pdf。

【问题讨论】：

【解决方案1】：

不确定，但我认为您可以通过将以下内容添加到您的 CSS 来做到这一点：

.yourelementwithfonts
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

【讨论】：

【解决方案2】：

我想这与文本抗锯齿有关 Chrome 非常适合这些东西。这不是标准功能，很多浏览器都不支持。

提供的代码 dat kobby 将完成您的工作

你还是可以看看这里

【讨论】：