我刚刚花了一个下午的时间试图做同样的事情。文档是最低限度的，但我已经想通了。
1)首先，您需要在本地克隆PdfMake repo。
https://github.com/bpampuch/pdfmake
2)一旦下载，打开它在代码或崇高和位于层次结构，找到例子目录，然后字体子目录。
我的有Roboto字体和一个示例图片，我没有使用Roboto，所以我删除了它。
3)复制所有你想用的TTF字体到fonts目录中。实际上我只用了一种字体，这样可以减小文件的大小。
3a）安装Gulp（如果未安装）
3b）* 可选 * 重命名

vfs_fonts.js

/build目录中的“vfs_fonts.js.old”或其他内容。
4)从您的终端或Powershell运行以下gulp命令...

gulp buildFonts

一个新的vfs_fonts.js将出现在pdfMake/build文件夹中。
4a）这一步是可选的，但我需要编辑新创建的vfs_fonts. js，因为它没有编译。并排查看旧保存的文件和新文件，你会看到。我替换了：

var vfs = {

使用现有的文件声明：

this.pdfMake = this.pdfMake || {}; this.pdfMake.vfs = {

删除了最后一行

if (typeof this.pdfMake !== 'undefined' && typeof this.pdfMake.addVirtualFileSystem !== 'undefined') { this.pdfMake.addVirtualFileSystem(vfs); } if (typeof module !== 'undefined') { module.exports = vfs; }

5)接下来，我将新的vfs_fonts. js复制到我使用PdfMake的项目中，并将该文件复制到/assets/js中
6)接下来，在我的angular组件中更改导入声明的路径（你应该已经有了这个）：

// import pdfFonts from 'pdfmake/build/vfs_fonts';

import pdfFonts from '../../assets/js/vfs_fonts';

7)在pdfMake中创建一个新字体。我只有一个字体，所以所有样式都引用相同的TTF

pdfMake.fonts = {
  Baloo2: {
    normal: 'Baloo2-Regular.ttf',
    bold: 'Baloo2-Regular.ttf',
    italics: 'Baloo2-Regular.ttf',
    bolditalics: 'Baloo2-Regular.ttf'
  }
}

和8）包括您的新字体在您的pdfDefinition

defaultStyle: {
  font: 'Baloo2'
},

我怀疑有更好的方法来做到这一点，但我希望这能让你去。

现在有一种比接受答案更简单的方法（从版本0.1.66开始-在接受答案编写后仅18天发布）。从那时起，您可以通过URL加载字体，并在Angular中执行以下操作：

pdfMake.fonts = {
    DDIN: {
        normal: `${window.location.origin}/assets/D-DIN.ttf`,
        bold: `${window.location.origin}/assets/D-DIN-Bold.ttf`,
        italics: `${window.location.origin}/assets/D-DIN-Italic.ttf`,
    }
};

问题：pdfmake默认字体家族是Roboto，但我想用Arial作为字体家族。

我在我的Angular项目中遇到了这个问题，并通过以下步骤解决了这个问题。
1/全局安装“pdfmake-font-generator”包

npm i -g pdfmake-font-generator

2/下载所需的字体文件，在我的情况下Arial，所以使用下面的链接

https://www.cufonfonts.com/font/arial

3/将它们存储在某个地方，例如assests/fonts文件夹中
4/使用上面安装的软件包生成自定义字体文件

pdfmakefg assets/fonts assets/custom-fonts.js

它包含2个参数，第一个是我们的文件存在的位置，第二个位置和文件名，必须生成（cutom-fonts.js文件不需要之前存在）
5/现在，无论你在哪里使用pdfmake，你会发现下面的一行，评论，并使用自己的自定义字体

// import pdfFonts from 'pdfmake/build/vfs_fonts';
import pdfFonts from“./../assets/custom-fonts”;

6/现在在定义文档时使用如下

pdfMake.fonts = {
 'Arial' : {
   normal: 'ARIAL.TTF',
   bold: 'ARIALBD.TTF',
   italics: 'ARIALI.TTF',
   bolditalics: 'ARIALBI.TTF'
 }
}

const documentDefinition = {
 content: '',
 defaultStyle: {
  font: 'Arial'
 }
}
pdfMake.createPdf(documentDefinition).open();

我在Windows上让Gulp工作时遇到了困难，所以我用了一个简化的方法，完全跳过了Gulp。我在这里发布了Q&A风格：How can I use custom fonts in pdfmake without using the gulp tool?
是的，这是为了Angular。

如果使用键入脚本，请按如下方式导入它：

import * as pdfMake from 'pdfmake / build / pdfmake';
import * as pdfFonts from 'pdfmake / build / vfs_fonts';

import pdfMake from "pdfmake/build/pdfmake";
import pdfFonts from "pdfmake/build/vfs_fonts";

pdfMake.vfs = {
  ...pdfFonts.pdfMake.vfs,
  'Your-font-name-normal.ttf': 'Your font as base64 format'
};

// add font to fonts collection before generate pdf
pdfMake.fonts = {
  YourFontName: {
    normal: 'Your-font-name-normal.ttf',
  },
};

const docDefinition = {
  defaultStyle: {
    font: 'YourFontName', // your font name here
  },
  content: [...]
}

如果有人使用Webpack，这对我很有效：

const foo = require('./fonts/Roboto-Regular.ttf');

pdfMake.fonts = {
  foo: {
    normal: `${window.location.origin}/${foo}`
  }
};

const dd = { 
  defaultStyle: {
   font: 'foo'
  }
};

pdfMake.createPdf(dd).download(`pdf_with_table_of_content.pdf`);