css - 如何修复 wkhtmltopdf 中蒙特塞拉特的不良字体渲染

Question

我们使用 wkhtmltopdf 生成 PDF，并且需要使用 Montserrat 字体，该字体可从 Google Fonts 以 ttf 形式获取。

该字体似乎大部分都可以工作，但存在渲染问题。看起来 wkhtmltopdf 已将字体转换为矢量并应用了一些过度平滑的处理。特别注意“p”和“o”:

我们正在 Ubuntu 14.04 服务器上运行 wkhtmltopdf 0.12.2.1(带有修补的 qt)。该字体本地安装到服务器的 /usr/share/fonts 中。我没有注意到其他字体有任何类似的地方。

到目前为止我们尝试过的事情:

• 在我们的文档中使用 CSS 属性 -webkit-font-smoothing 和 text-rendering
• 添加字体配置 XML 并使用此处提到的 --zoom 1.3 标志 https://github.com/wkhtmltopdf/wkhtmltopdf/issues/45

非常感谢任何建议。

Answer 1

使用 @font-face css 属性嵌入 GothamPro 字体时也有类似的问题。又花了很多时间，用SVG字体解决:将src: url('GothamPro.ttf')改为src: url('GothamPro.svg') format("svg ");