在wkhtmltopdf中使用自定义字体

小编典典

css

我正在尝试在使用wkhtmltopdf生成的PDF中使用自定义字体。我读到您不能使用google
webfonts，而wkhtmltopdf使用truetype .ttf文件。谁能确认？因此，我从Google
webfont下载了一个.ttf文件，并将其放入服务器中，然后使用了字体：

    @font-face {
        font-family: Jolly;
        src: url('../fonts/JollyLodger-Regular.ttf') format('truetype');
    }

和字体系列：

    <style type = "text/css">
        p { font-family: 'Jolly', cursive; }
    </style>

现在应该以Jolly Lodger字体呈现的文本根本没有出现，页面为空白。

我究竟做错了什么？

PS：我尝试使用其他.ttf文件。

阅读 1686

2020-05-16

共1个答案

小编典典

由于它是Google Web字体，因此无需@font-face在样式表中编写代码，只需在源代码中使用以下链接标记即可：

<link href='http://fonts.googleapis.com/css?family=Jolly+Lodger' rel='stylesheet' type='text/css'>

和

 <style type = "text/css">
    p { font-family: 'Jolly Lodger', cursive; }
</style>

将工作。

顺便说一句，在您的代码中，您将@font-faceFamily 定义为font-family: Jolly;，并以此作为p { font- family: 'Jolly Lodger', cursive; }错误用法，因为它与字体家族名称不匹配。

2020-05-16