在 .ejs 文件中导入 ttf 字体答案

【问题标题】：Import ttf font in .ejs files在 .ejs 文件中导入 ttf 字体
【发布时间】：2022-10-02 05:00:27
【问题描述】：

我有一个nestjs 项目，想使用notice.ejs 模板生成服务器端pdf。我有一个 ttf 字体 Debrosee-ALPnL 并希望将此字体应用于 html 模板内的所有 <h2> 元素。
我正在将notice.ejs 文件中的ttf 字体导入如下：-

<!DOCTYPE html>
<html>
<head>
    <style>
        @font-face {
            font-family: \"newfont\";
            src: url(\"../files_ttf/Debrosee-ALPnL.ttf\");
        }
        h2 {
            font-family: \"newfont\";
        }
    </style>
</head>
<body>
   <h2>Some text</h2>
</body>
</html>

但这里的问题是我能够从这个模板中生成 pdf，但字体不适用于 pdf。
文件夹/文件结构如下：-

-- assets
    |-- files_ttf
          |-- Debrosee-ALPnL.ttf
    |-- templates
          |-- notice.ejs

我尝试了多篇关于如何导入 .ttf 文件的解决方案，但它们似乎都不适合我。字体不适用可能是什么问题？

标签： css fonts nestjs truetype

【解决方案1】：

当使用 node.js 和 ejs 渲染静态文件时 style.css、app.js、font.ttf 等你已经在 express 中使用了内置的中间件

只需在所有静态文件中创建一个名为“public”的文件夹并将下面的代码行添加到您的 app.js 或 javascript 文件中，它应该可以工作

app.use(express.static('public'));

有关使用 express 提供静态文件的更多信息，请参阅https://expressjs.com/en/starter/static-files.html

【讨论】：