2016-09-26 148 views
1

我們使用的是wkhtmltopdf和wkhtmltoimage的最新版本(0.12.3)。並且遇到了「Frutiger Neue LT W1G Bold」字體的問題。它在所有普通瀏覽器上都能正常工作,但是在用上面提到的庫創建一個圖像或pdf後,它會呈現'0'字符錯誤(它在'0'內有奇怪的圓角)。錯字體渲染wkhtmltopdf

應該如何器(Chrome版本53.0.2785.116 64位):

enter image description here

wkhtmltopdf:

enter image description here

wkhtmltoimage:

enter image description here

也許有人得到同樣的問題,並知道答案?

我測試了很多不同的@ 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></span> 
    <span class="test2">00004578</span> 
</body> 

回答

1

它可能與0.13中的bug fixed有關。所以你應該更新它。

+1

它與alpha 0.13一起工作。所以是的,它似乎與該錯誤有關。謝謝! – Pomm0

0

你應該儘量使用非真正的類型格式的字體。如果你有woff2格式的字體,它應該可以正常工作。

+0

我也嘗試過woff,woff2,並且做了相同的 – Pomm0