@font-face 字体未加载到 mpdf 中

Posted

技术标签:

【中文标题】@font-face 字体未加载到 mpdf 中【英文标题】:@font-face Font not loading into mpdf 【发布时间】:2019-01-15 03:33:01 【问题描述】:

我正在为我的网站加载 Google Railway-Light 字体,它工作正常,但它没有加载到我正在生成的 PDF 中。我在我的 CSS 文件中调用它

@font-face 
    font-family: "Raleway-Light";
    src: url("../font/Raleway-Light.ttf");

当我生成 PDF 时,我正在调用 CSS 文件。

$pdf = new Pdf(
    [
        'mode' => Pdf::MODE_CORE,
        'format' => Pdf::FORMAT_LETTER,
        'orientation' => Pdf::ORIENT_PORTRAIT,
        'destination' => Pdf::DEST_BROWSER,
        'content' => $content,
        'cssFile' => '/var/www/html/basic/web/css/sites.css',
        'marginRight' => 0,
        'marginLeft' => 0,
        'marginTop' => 0,
        'marginBottom' => 0,
        'marginHeader' => 0,
        'marginFooter' => 0,

        'cssInline' => '',
        'options' => [],
        'methods' => [],
    ]
);

if ($user->role == 0) 
    $pdf->showWaterMark = true;

// return the pdf output as per the destination setting
return $pdf->render();

我也将该字体加载到mpdf/ttf 文件夹中。

【问题讨论】:

【参考方案1】:

解决了

'mode' => Pdf::MODE_CORE, 

需要设置为

'mode' => '', 

然后我的字体需要包含在FontVariables.php

【讨论】:

以上是关于@font-face 字体未加载到 mpdf 中的主要内容,如果未能解决你的问题,请参考以下文章

@ font-face EOT未通过HTTPS加载

@font-face EOT 未通过 HTTPS 加载

Bangla unicode 字体未在 mpdf 中显示

Vue Cli 3本地字体未加载

加载资源失败:404(未找到)- Rails 自定义字体

如何预加载 webpack4+babel 捆绑的 CSS @font-face 字体?