无法为jsPDF自动表头添加字体

时间:2019-02-28 00:08:45

标签: header jspdf-autotable

我使用jspdf autotable来获取导出的PDF文件中的特殊字符,并且我使用了来自“样式”的自定义字体,该字体已正确应用于表格主体,但不适用于通过“ headerStyles”的标题。有任何帮助吗?这是我写的代码,谢谢。

$('#PDFLINK').live('click', function () {

var summary = jsPDF('p', 'pt', 'a4');

            var imglogo = $("html #container header #Logo a img").prop('src');
            summary.addImage(imglogo, 'png', 425, 15);
            summary.setProperties({ title: ' Report' });
            summary.addFileToVFS('majalla.ttf', 'AAEAAA......GA==');

            summary.addFont('majalla.ttf', 'majalla', 'normal', 'Identity-H');

            summary.setFont('majalla'); // set font




            var columns = [
                { title: 'First', ', dataKey: 'First' },
                { title: 'Second', dataKey: 'Second' },
                { title: 'Third', dataKey: 'Third' }
            ];

            var rows = $("tbody tr", $("#earnings ")).map(function () {
                return {
                    First: $("td:eq(0)", this).text(),
                    Second: $("td:eq(1)", this).text(),
                    Third: $("td:eq(2)", this).text()
                };
            }).get();



            summary.setFontSize(10);

            summary.autoTable(columns, rows, {
                styles: {
                    fontSize: 12,
                    font: 'majalla'
                },
                columnStyles: {
                    fontSize: 12,
                    font: 'majalla'
                },
               headerStyles: {
                    font: 'majalla'
                },
               margin: { top: 60 },

                addPageContent: function (data) {
                    summary.text(' Report', 40, 30);

                }
            });


            summary.output('dataurlnewwindow');


});

1 个答案:

答案 0 :(得分:0)

该问题已解决,请将标题样式更改为

headerStyles:{                     fontStyle:'majalla'                 }