JSFiddle - React, Tailwind, and code Playground

by Pradeep Shankar

HTML

<script src="https://dev2.easywetan.com/wp-content/themes/saraghhrmdev/assets/scripts/libraries/pdfmake/stdfonts/pdfmake.min.js"></script>
<script src="https://dev2.easywetan.com/wp-content/themes/saraghhrmdev/assets/scripts/libraries/pdfmake/stdfonts/vfs_fonts.js"></script>
<button onclick="test()">
test
</button>

JavaScript

pdfMake.fonts = {
            Roboto: {
                normal: 'Roboto-Regular.ttf',
                bold: 'Roboto-Medium.ttf',
                italics: 'Roboto-Italic.ttf',
                bolditalics: 'Roboto-Italic.ttf'
            },
            font_kn: {
                normal: 'NotoSansKannada-Regular.ttf',
                bold: 'NotoSansKannada-Regular.ttf',
                italics: 'NotoSansKannada-Regular.ttf',
                bolditalics: 'NotoSansKannada-Regular.ttf'
            },
            Courier: {
                normal: 'Courier',
                bold: 'Courier-Bold',
                italics: 'Courier-Oblique',
                bolditalics: 'Courier-BoldOblique'
            },
            Helvetica: {
                normal: 'Helvetica',
                bold: 'Helvetica-Bold',
                italics: 'Helvetica-Oblique',
                bolditalics: 'Helvetica-BoldOblique'
            },
            Times: {
                normal: 'Times-Roman',
                bold: 'Times-Bold',
                italics: 'Times-Italic',
                bolditalics: 'Times-BoldItalic'
            },
            Symbol: {
                normal: 'Symbol'
            },
            ZapfDingbats: {
                normal: 'ZapfDingbats'
            }

        };

  var dd = {
		        content: [
		          {text: "test", style: 'defaultStyle'}
		        ],
		        styles: {
		            defaultStyle: {
		                fontSize: 14,
		               // font: 'font_kn'
		            }
		        }
		    };

function test() {
 pdfMake.createPdf(dd).print();
}