pdfmake使用自定义字体
vfs_fonts.js赋予pdfMake.vfs一个虚拟文件系统对象,该对象每一个键为文件名称,相应取值为base64编码内容
控制台中运行
grunt dump_dir
创建一个新
vfs_fonts.js文件,包含所有examples/fonts目录下文件
使用自定义字体3步走:
1)创建包含字体vfs_fonts.js;
将自定义字体拷贝至examples/fonts目录,运行上述命令grunt dump_dir
在网页中即可引用build/vfs_fonts.js
2)定义字体族;
{
yourFontName: {
normal: 'fontFile.ttf',
bold: 'fontFile2.ttf',
italics: 'fontFile3.ttf',
bolditalics: 'fontFile4.ttf'
},
anotherFontName: {
(...)
}
yourFontName: {
normal: 'fontFile.ttf',
bold: 'fontFile2.ttf',
italics: 'fontFile3.ttf',
bolditalics: 'fontFile4.ttf'
},
anotherFontName: {
(...)
}
}
key为稍后再文档定义中可用的字体族名称
默认情况:
{
Roboto: {
normal: 'Roboto-Regular.ttf',
bold: 'Roboto-Medium.ttf',
italics: 'Roboto-Italic.ttf',
bolditalics: 'Roboto-Italic.ttf'
}
};
Roboto: {
normal: 'Roboto-Regular.ttf',
bold: 'Roboto-Medium.ttf',
italics: 'Roboto-Italic.ttf',
bolditalics: 'Roboto-Italic.ttf'
}
};
3)在文档定义对象DDO中变更字体族;
下载链接:https://github.com/bpampuch/pdfmake