css - 在 wkhtmltopdf 中使用自定义字体

Question

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

Answer 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-face 系列定义为 font-family: Jolly; 并将其用作 p { font-家庭:'Jolly Lodger'，草书； } 这是错误的，因为它的字体系列名称不匹配。