Question

我正在使用wkhtmltopdf生成页面的pdf，但它没有显示任何正确颜色的字体，它们都显示为黑色。

颜色定义为您所期望的：

.panel-dashboard p.stat {
  color: #bed000;
}

并在浏览器中查看时显示正确。

我称之为

wkhtmltopdf path/to/page filename

wkhtmltopdf不能正确渲染字体颜色吗？我无法找到任何与此有关的问题。

Answer 1

出现这是wkhtmltopdf 0.9.9的问题，0.11正确呈现css字体颜色。

Answer 2

使用版本0.12.2.4指定CSS内部的白色字体（在灰色背景内）工作，但彩色字体（红色，橙色）没有：

.header { background-color: #888; color: #fff; } /* works */
.orange { color: f80; } /* doesn't work in wkhtmltopdf */

直接在div上使用样式确实有效：

<div style="color:#f60;">My Orange Text</div>

可能是因为没有背景？我不知道。

因此，如果您尝试使用CSS并且失败，这可能会有效......

Answer 3

您可能正在使用this proposed CSS，它已经定义了@media print { * { color: black !important; } }

在此使用版本0.12.6。结果如下：

[pandoc.css] @media print { * { color: black !important; } }
[my.css]     TODO2 { color: #700 !important; }
             TODO3 { color: #700; }
[file.md]    <TODO1 style="color: #700 !important;">black</TODO1>
             <TODO1 style="color: #700;">           black</TODO1>
             <TODO2>                                red</TODO2>
             <TODO3>                                black</TODO3>

和

[pandoc.css] @media print { * { color: black; /* not important */ } }
             /* or not using proposed pandoc.css at all */
[my.css]     TODO2 { color: #700 !important; }
             TODO3 { color: #700; }
[file.md]    <TODO1 style="color: #700 !important;">red</TODO1>
             <TODO1 style="color: #700;">           red</TODO1>
             <TODO2>                                red</TODO2>
             <TODO3>                                red</TODO3>

wkhtmltopdf是否尊重css字体颜色？

3 个答案: