在OS X和Ubuntu上呈现PDF文档时，pdfkit使用不同的字体

Question

我使用pdfkit从HTML页面生成PDF文档。问题是它在我的开发机器（OS X）和生产服务器（Ubuntu）上使用不同的字体，因此我无法在开发和生产环境中获得一致的渲染。

看看这些截图：

在Ubuntu上生成的PDF：

在OS X上生成的PDF：

HTML版本

PDF有不同的字体但是当我在浏览器中打开HTML版本时，它在本地托管在Ubuntu服务器和OS X上时呈现完全相同，并使用与本地（OS X）生成的PDF相同的字体。

以下是我用来生成HTML和PDF版本的代码（这是Django）。

t = loader.get_template(self.template_name)
c = RequestContext(request, context)
html = t.render(c)

if format == "html":
    return HttpResponse(html, content_type="text/html")
elif format == "pdf":
    options = {
        'quiet': ''
    }
    pdf = pdfkit.from_string(smart_unicode(html), False, options=options)

    response = HttpResponse(pdf, content_type='application/pdf')
    response['Content-Disposition'] = '{0}; filename=Order Sheet.pdf'\
        .format(self.get_disposition())
    return response
else:
    return HttpResponse("Unknown format", content_type="text/html")

这是CSS字体定义

body {
    font-family: sans-serif;
    font-size: 13px;
    font-weight: normal;
}

我也试过Arial。

为什么pdfkit（wkhtmltopdf）在Ubuntu上使用不同的字体以及如何强制它使用我想要的字体？

Answer 1

OSX使用Helvetica作为其默认的sans-serif字体，Ubuntu的默认值是DejaVu Sans。我建议使用环境之间常见的一种。

您可以将Helvetica安装到您的Ubuntu计算机上，然后修改font-family: "Helvetica", sans-serif;。

理想情况下，我会探索可在两种环境中访问的字体，然后在font-family调用中指定它。