覆盖 JSPDF 上的默认字体

时间:2021-02-10 23:01:52

标签: javascript pdf fonts base64 jspdf

我正在使用 JSPDF 将登录页面转换为可下载的 pdf。一切看起来都不错,除了我遇到的问题是下载时的字体。

我设置了 css,以便通过 google webfonts 导入 font-family: 'Work Sans'

当然,它下载的不是 Work Sans,而是基本的 Helvetica。

我搜索了整个网络,发现这个解决方案有点工作:

 const WorkSans ="/*Work Sans as a Base64 code string*/";

 doc.addFileToVFS("WorkSans-Regular.ttf", WorkSans);
 doc.addFont("WorkSans-Regular.ttf", "WorkSans", "normal");

 doc.setFont("WorkSans"); 
 doc.text(10,10 , "test test 1234567890");

此解决方案将 work sans 嵌入到 pdf 中,但仅将其应用于“test test 1234567890”字符串。

我加入了 doc.text(10,10 , "test test 1234567890"); 作为测试,看看字体是否真的通过了。它起作用了,但是即使我删除了那行代码,文档的其余部分仍然以 Helvetica 呈现

我该如何制作,以便我的整个 pdf 设置并在 Work Sans 中呈现在下载的 pdf 上?

0 个答案:

没有答案