3

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

看看这些截图:

在 Ubuntu 上生成的 PDF: 在 Ubuntu 上生成的 PDF

在 OS X 上生成的 PDF: 在 OS X 上生成的 PDF

HTML版本 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上使用不同的字体以及如何强制它使用我想要的字体?

4

1 回答 1

4

OSX 使用 Helvetica 作为其默认的无衬线字体,而 Ubuntu 的默认字体是 DejaVu Sans。我建议使用环境之间常见的一种。

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

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

于 2015-11-30T13:05:03.680 回答