How to Set Font Style When Generating PDF file in JavaScript

  • Home
  • /
  • Articles
  • /
  • How to Set Font Style When Generating PDF file in JavaScript

This sample demonstrates how to set font style when you generate PDF file with BytescoutPDF.js (Bytescout PDF Generator for JavaScript). Parameters to set are: font name, font size, font style (italic, bold, underline) and color.

// function that creates BytescoutPDF instance (defined in BytescoutPDF.js script which have to be included into the same page)
// then calls API methods and properties to create PDF document
// and returns created BytescoutPDF object instance
// this CreatePDF() function is called from Sample.html

function CreatePDF() {

    // create BytescoutPDF object instance
    var pdf = new BytescoutPDF();

    // set document properties: Title, subject, keywords, author name and creator name
    pdf.propertiesSet("Sample document title", "Sample subject", "keyword1, keyword 2, keyword3", "Document Author Name", "Document Creator Name");

    // set page size
    pdf.pageSetSize(BytescoutPDF.A4);

    // set page orientation (BytescoutPDF.PORTRAIT = portrait, BytescoutPDF.LANDSCAPE = landscape)
    pdf.pageSetOrientation(BytescoutPDF.PORTRAIT);

    // add new page
    pdf.pageAdd();

    // set font name
    pdf.fontSetName('Times-Roman');
    // set font size
    pdf.fontSetSize(16);

    // set font style with parameters: bold, italic, underline
    pdf.fontSetStyle(true, false, false);

    // set font color in RGB format to 25,25,255 - blue color
    pdf.fontSetColor(0, 0, 255);

    // draw text
    pdf.textAdd(20, 20, 'Trying Bold Style');

    // set font style to bold underline
    pdf.fontSetStyle(true, false, true);

    // set font color to red
    pdf.fontSetColor(255, 0, 0);

    // draw text
    pdf.textAdd(20, 40, 'Trying Bold Underline Style');

    // set font style to underline
    pdf.fontSetStyle(false, false, true);

    // set font color to green
    pdf.fontSetColor(0, 255, 0);

    // draw text
    pdf.textAdd(20, 60, 'Trying Underline Style');

    // return BytescoutPDF object instance
    return pdf;
}

Generated PDF file with custom font style (click to view full size):

Click to view full size

prev
next