WkhtmlToPdf 不将字体应用于 PDF

Question

我目前正在开发一个文档生成器 symfony 2 包，它允许生成 HTML 和 PDF 文档（例如发票）。

当我在浏览器中将文档生成为 HTML 页面时，一切都很好，但是当我生成 PDF 文件时，我的文档没有应用任何字体。

我对这两种情况都使用相同的模板。这是我的pdf生成方法：

private function generatePdfWithoutMerge($html)
{
    $pdfService = $this->get('knp_snappy.pdf');

    return $pdfService->getOutputFromHtml($html);
}

$html 变量是从渲染的树枝模板生成的，如前所述，如果我在浏览器中将其显示为 HTML，我没有问题。

少文件：

@base-url: 'url-to-bucket';
@dark-grey: #555559;
@dark-pink: #970047;

@font-face {
    font-family: paralucent_demi_boldregular;
    src: url('@{base-url}/paradb__-webfont.eot');
    src: url('@{base-url}/paradb__-webfont.eot?#iefix') format('embedded-opentype'),
    url('@{base-url}/paradb__-webfont.woff') format('woff'),
    url('@{base-url}/paradb__-webfont.ttf') format('truetype'),
    url('@{base-url}/paradb__-webfont.svg#paralucent_demi_boldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: paralucent_lightregular;
    src: url('@{base-url}/paral___-webfont.eot');
    src: url('@{base-url}/paral___-webfont.eot?#iefix') format('embedded-opentype'),
    url('@{base-url}/paral___-webfont.woff') format('woff'),
    url('@{base-url}/paral___-webfont.ttf') format('truetype'),
    url('@{base-url}/paral___-webfont.svg#paralucent_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: paralucent_thinregular;
    src: url('@{base-url}/parat___-webfont.eot');
    src: url('@{base-url}/parat___-webfont.eot?#iefix') format('embedded-opentype'),
    url('@{base-url}/parat___-webfont.woff') format('woff'),
    url('@{base-url}/parat___-webfont.ttf') format('truetype'),
    url('@{base-url}/parat___-webfont.svg#paralucent_thinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: paralucent_mediumregular;
    src: url('@{base-url}/param___-webfont.eot');
    src: url('@{base-url}/param___-webfont.eot?#iefix') format('embedded-opentype'),
    url('@{base-url}/param___-webfont.woff') format('woff'),
    url('@{base-url}/param___-webfont.ttf') format('truetype'),
    url('@{base-url}/param___-webfont.svg#paralucent_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    color: @dark-grey;
    font-family: paralucent_lightregular, Helvetica, Arial, sans-serif;
    font-size: 1.2em;
    line-height: 0.9em;
}

.thin {
    font-family: paralucent_thinregular, Helvetica, Arial, sans-serif;
}

.bold {
    font-family: paralucent_mediumregular, Helvetica, Arial, sans-serif;
}

.demibold {
    font-family: paralucent_demi_boldregular, Helvetica, Arial, sans-serif;
}

.price {
    font-family: Arial, sans-serif;
    font-size: 0.8em;
}

.separator_unbreak_wrapper {

}

.separator_unbreak {
    page-break-inside: avoid !important;
}

.city_format {
    font-size: 0.75em;

}

table tr th {
    border-bottom: 1px solid @dark-pink;
    font-weight: normal;
    font-style: normal;
}

Answer 1

感谢 DevDonkey 评论：

我尝试使用从公共父模板和公共 LESS 文件扩展而来的子模板的良好文件架构，但 Wkhtmltopdf 在这种复杂架构方面存在一些问题。 我必须将所有内容收集到一个 HTML 文件中才能使其正常工作。

非常感谢大家的帮助。