css黑色文本包含彩色像素

时间:2017-03-07 15:19:15

标签: html css printing colors

如果您仔细检查html页面上的黑色文本(例如使用Firefox Developer Tool - Eyedropper),您可以检测文本周围的彩色像素。 有人知道如何改变这个以使文本变成全黑或灰度吗?

一个简短的叙述为什么我问这个;

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

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

2 个答案:

答案 0 :(得分:0)

不确定,但我认为您可以通过将以下内容添加到CSS

来实现此目的
.yourelementwithfonts
{
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

答案 1 :(得分:0)

我想这与文本消除锯齿有关 Chrome非常适合这些东西。 它不是标准功能,也不受很多浏览器的支持。

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

你仍然可以看看

CSS documentation for mozilla