在wkhtmltopdf中使用自定义字体

我正在尝试在使用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文件。

回答:

由于它是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; }错误用法,因为它与字体家族名称不匹配。

以上是 在wkhtmltopdf中使用自定义字体 的全部内容, 来源链接: utcz.com/qa/433882.html

回到顶部