1

最新バージョン (0.12.3) の wkhtmltopdf と wkhtmltoimage を使用しています。そして、「Frutiger Neue LT W1G Bold」フォントに問題が発生しました。通常のすべてのブラウザで動作しますが、上記のライブラリを使用して画像または pdf を作成すると、「0」文字が間違ってレンダリングされます (「0」内に奇妙な丸めがあります)。

あるべき姿 (Chrome バージョン 53.0.2785.116 64 ビット):

ここに画像の説明を入力

wkhtmltopdf:

ここに画像の説明を入力

wkhtmltoimage:

ここに画像の説明を入力

多分誰かが同じ問題を抱えていて、答えを知っていますか?

font-squirrel などのサイトで生成されたさまざまな @font-faces をテストしましたが、何も機能しませんでした。'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>

4

2 に答える 2

0

true-type 以外の形式のフォントを使用するようにしてください。そのフォントが woff2 形式である場合、問題なく動作するはずです。

于 2016-09-26T10:16:18.183 に答える