一尘不染

在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文件。


阅读 1362

收藏
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