错误的字体渲染 wkhtmltopdf

Question

我们使用的是最新版本的 wkhtmltopdf 和 wkhtmltoimage (0.12.3)。 "Frutiger Neue LT W1G Bold" 字体有问题。它确实适用于所有普通浏览器，但在使用上述库创建图像或 pdf 后，它会呈现错误的“0”字符（它在“0”内有奇怪的四舍五入）。

应该如何（Chrome 版本 53.0.2785.116 64 位）：

wkhtmltopdf:

wkhtmltoimage:

也许有人遇到同样的问题并且知道答案？

我测试了很多不同的@font-faces 生成的网站，如 font-squirrel，但没有任何效果。我们也尝试了 'Gotham Medmium'-Font，即使使用该字体，它也得到了一些奇怪的相似效果图。

我的html/css:

<html lang="de" xmlns:og="http://ogp.me/ns#">
<head>
    <meta charset="utf-8"/>
    <style>
        html,
        body {
          width: 100%;
          height: 100%;
          margin: 0;
        }
        @font-face {
          font-family: 'frutiger--test';
          src: url(data:font/truetype;charset=utf-8;base64,AAEAAAA....);
          font-weight: normal;
          font-style: normal;
        }
        span {
          font-family: 'frutiger--test';
          font-size: 100px;
          font-weight: normal;
        }
        .test2 {
          font-size: 13px;
          font-weight: normal;
        }
    </style>
</head>
<body>
    <span>01234567890123</span>
    <span class="test2">00004578</span>
</body>

Answer 1

您应该尝试使用非真字体。如果你有 woff2 格式的字体，它应该可以正常工作。

Answer 2

可能与0.13中的bug fixed有关。所以你应该更新它。

错误的字体渲染 wkhtmltopdf

Wrong Font rendering wkhtmltopdf

wkhtmltopdf

wkhtmltoimage

phpwkhtmltopdf