我想在 jsPDF 中使用自定义字体，例如“Comic Sans MS”或“Calibri”字体。 我发现了类似的问题here，但我的不工作。 我已经添加了最新的 jspdf。我的代码如下：
var doc = new jsPDF('p','mm','a4');
doc.addFont('ComicSansMS', 'Comic Sans', 'normal','StandardEncoding');
doc.setFont('Comic Sans');
doc.text(10, 10, "Lorem ipsum dolor sit amet!");
doc.output('dataurl');
但 pdf 结果的字体仍然是默认字体（不是 Comic sans ）。 并且没有错误。请帮忙...
【问题讨论】：
标签： javascript fonts jspdf
我找到了解决办法，
不要使用 jspdf.js，而是使用 debug.jspdf.js
然后在 debug.jspdf.js 中添加这段代码
API.addFont = function(postScriptName, fontName, fontStyle) {
addFont(postScriptName, fontName, fontStyle, 'StandardEncoding');
};
【讨论】：
我找到了这个github link
1: https://github.com/MrRio/jsPDF/blob/master/examples/js/basic.js#L390 和函数名 demoUsingTTFFont() 对我有用。并转换为 base64 编码器link
【讨论】：
由于这里的其他答案有点过时，这是我正在使用的解决方案...
首先，正如其他人所提到的 - 您需要这两个库：
下一步 - 第二个库要求您在名为 default_vfs.js 的文件中为其提供至少一种自定义字体。我正在使用 两个 自定义字体 - Arimo-Regular.ttf 和 Arimo-Bold.ttf - 都来自 Google Fonts。所以，我的default_vfs.js 文件看起来像这样：
(
(function (jsPDFAPI) {
"use strict";
jsPDFAPI.addFileToVFS('Arimo-Regular.ttf','[Base64-encoded string of your font]');
jsPDFAPI.addFileToVFS('Arimo-Bold.ttf','[Base64-encoded string of your font]');
})(jsPDF.API);
显然，您的版本看起来会有所不同，具体取决于您使用的字体。
有很多方法可以为您的字体获取 Base64 编码的字符串，但我使用的是：https://www.giftofspeed.com/base64-encoder/。
它允许您上传字体 .ttf 文件，它会为您提供 Base64 字符串，您可以将其粘贴到 default_vfs.js。
您可以在此处使用我的字体查看实际文件的外观：https://cdn.rawgit.com/stuehler/jsPDF-CustomFonts-support/master/dist/default_vfs.js
因此，一旦您的字体存储在该文件中，您的 HTML 应该如下所示：
<script src="js/jspdf.min.js"></script>
<script src="js/jspdf.customfonts.min.js"></script>
<script src="js/default_vfs.js"></script>
最后，您的 JavaScript 代码如下所示：
const doc = new jsPDF({
unit: 'pt',
orientation: 'p',
lineHeight: 1.2
});
doc.addFont("Arimo-Regular.ttf", "Arimo", "normal");
doc.addFont("Arimo-Bold.ttf", "Arimo", "bold");
doc.setFont("Arimo");
doc.setFontType("normal");
doc.setFontSize(28);
doc.text("Hello, World!", 100, 100);
doc.setFontType("bold");
doc.text("Hello, BOLD World!", 100, 150);
doc.save("customFonts.pdf");
这对大多数人来说可能是显而易见的，但是在那个addFont() 方法中，三个参数是：
addFileToVFS() 文件中的addFileToVFS() 函数中使用的字体名称setFont() 函数中使用的字体名称setFontType() 函数中使用的字体样式你可以在这里看到这个工作：https://codepen.io/stuehler/pen/pZMdKo
希望这对你和我一样有效。
【讨论】：
类似的问题 看起来你错过了这个
**************
API.addFont = function(postScriptName, fontName, fontStyle) {
addFont(postScriptName, fontName, fontStyle, 'StandardEncoding');
};
****************
doc.addFont('ComicSansMS', 'Comic Sans', 'normal');
doc.setFont('Comic Sans');
doc.text(50,50,'Hello World');
http://stackoverflow.com/a/26981550/5086633
【讨论】：