Dompdf 无法正确显示自定义字体

Question

我正在为我的客户构建一个 WordPress 插件，允许用户在购买 WooCommerce 之前定制他们的产品。下订单后，插件会将用户选择保存在订单的元数据中，一切正常。

现在我的客户希望我用从用户那里收到的部分数据构建一个 PDF，我已经使用 domPDF 来实现它。现在的问题是我的客户希望我使用自定义字体，但 domPDF 没有正确解码字体。

我使用load_font.php安装了字体，可以在here

中找到

我已经使用这样的命令行安装了一个名为 Smoothie Shoppe 的字体

$ php load_font.php Smoothie-Shoppe ./SmoothieShoppe.ttf 并且安装成功。

还像这样在 head 标签中使用 font-family 设置了 p 元素的样式

    <style>
        p {
           font-family: Smoothie-Shoppe !important;
           text-align:center;
        }
     </style>

现在当 PDF 加载时，显示的字体看起来不正确。字母只会变形。

这是目前的样子

外观应该如何

Answer 1

后来我自己解决了这个问题。因为弹出窗口中大约有 15 个 ckeditor 实例，所以它们不会一次完全实例化。

此外，由于我使用 Vuejs 来显示弹出窗口，每次显示弹出窗口时，弹出窗口都会重建其中的所有内容。所以我必须向所有输入添加事件，然后在每个文本区域准备好后使用 Typescript 更改每个文本区域的字体系列。

我希望这对发现 himself/herself 的人有所帮助。