2017-01-14 11 views
0

vfs_fonts.jsにカスタムフォントを追加しようとしていますが、window.pdfMakeオブジェクトの値フィールドに何を書き込む必要があるのか​​分かりませんでしたか?vfs_fonts.jsにttfフォントファイルを割り当てる方法は?

私は "MyFont.ttf"というキーを持っていますが、その値はttfファイルだとわかります。私のttfは文字セットではなく物理ファイルです。値フィールドにはどのように記入しますか?

window.pdfMake = window.pdfMake || {}; window.pdfMake.vfs = { 
     "Roboto-Italic.ttf": "AAEAAAASAQAABA", 
     "Roboto-Medium.ttf": "AAEAAA", 
     "MyFont.ttf":"???????????????????" 
    } 

は、誰かがこれを答えることができる

+0

ありがとう? – user3501278

答えて

0
/* Read the documenation at https://github.com/bpampuch/pdfmake 
specially the readme file */ 

<!doctype html> 
<html lang='en'> 
<head> 
    <meta charset='utf-8'> 
    <title>my first pdfmake example</title> 
    <script src='build/pdfmake.min.js'></script> 
    <script src='build/vfs_fonts.js'></script> 
</head> 
<body> 

<script> 


// works great with the default vfs_fonts.js 

    pdfMake.fonts = { 
     Roboto: { 
     normal: 'Roboto-Regular.ttf', 
     bold: 'Roboto-Medium.ttf', 
     italics: 'Roboto-Italic.ttf', 
     bolditalics: 'Roboto-MediumItalic.ttf' 
     } 
    }; 

// open the PDF in a new window 
    pdfMake.createPdf(docDefinition).open(); 


</script> 

</body> 
+0

FYI:フォントをvfs_fonts.jsファイルに書き込んだり、コピーしたり、貼り付けたりしないでください。 – cfphpflex

+0

gulp buildFontsを使用して、ttfフォントファイルからvfs_fonts.jsファイルを作成する – cfphpflex

関連する問題