如何在node js项目中的pug文件中为pdf添加自定义阿拉伯字体

Question

我正在使用 wkhtmltopdf 库将 pug 文件转换为 PDF，在 pug 文件中我有阿拉伯语和英语文本，但我希望阿拉伯语文本的特定字体显示在 PDF 文件中

我尝试过，但它给出了错误。

html  
  head
    title #{salesDetail.invoiceNumber}
    style 
      .arabic-text
        font-family: 'Tajawal', sans-serif

---

app/views/sale/sales.pug:7:22 5| style 6| .arabic-text > 7| font-family: 'Tajawal' , sans-serif ----------------------------^ 8| body 9| if salesDetail.OldSale && salesDetail.deletedAt 10| div(style={'position': 'absolute' , 'z-index': 0, 'background': 'white' , 'display': 'block' , 'width': '100%' , 'text-align': 'center'}) unexpected text "'Taja"

---

这种方法会出现上述错误

Answer 1

Pug 语法不适用于 CSS。您需要使用一种转义纯文本的方法，例如标记语法中的块，并编写常规 CSS 语法。

注意

.

之后的句点 (

style

)。这告诉哈巴狗，该标签下缩进的所有内容都应被视为纯文本。

html  
  head
    title #{salesDetail.invoiceNumber}
    style.
      .arabic-text {
        font-family: 'Tajawal', sans-serif;
      }