ByteScout PDF Suite - Javascript - Set pdf font name with pdf generator sdk for javascript - ByteScout

ByteScout PDF Suite – Javascript – Set pdf font name with pdf generator sdk for javascript

  • Home
  • /
  • Articles
  • /
  • ByteScout PDF Suite – Javascript – Set pdf font name with pdf generator sdk for javascript

How to set pdf font name with pdf generator sdk for javascript in Javascript with ByteScout PDF Suite

Learning is essential in computer world and the tutorial below will demonstrate how to set pdf font name with pdf generator sdk for javascript in Javascript

ByteScout simple and easy to understand tutorials are planned to describe the code for both Javascript beginners and advanced programmers. ByteScout PDF Suite is the bundle that provides six different SDK libraries to work with PDF from generating rich PDF reports to extracting data from PDF documents and converting them to HTML. This bundle includes PDF (Generator) SDK, PDF Renderer SDK, PDF Extractor SDK, PDF to HTML SDK, PDF Viewer SDK and PDF Generator SDK for Javascript. It can set pdf font name with pdf generator sdk for javascript in Javascript.

These Javascript code samples for Javascript guide developers to speed up coding of the application when using ByteScout PDF Suite. Follow the instructions from scratch to work and copy the Javascript code. This basic programming language sample code for Javascript will do the whole work for you to set pdf font name with pdf generator sdk for javascript.

The trial version of ByteScout PDF Suite can be downloaded for free from our website. It also includes source code samples for Javascript and other programming languages.

On-demand (REST Web API) version:
 Web API (on-demand version)

On-premise offline SDK for Windows:
 60 Day Free Trial (on-premise)

checkdatauri.js
      
// checks if we have datauri support in current browser // if we have support for datauri support then we can stream generated PDF right into the browser // otherwise we should use Downloadify script to allow user to save PDF file function CheckDataURISupport(){ var result = true; var checkDataURISupportImage = new Image(); checkDataURISupportImage.onload = checkDataURISupportImage.onerror = function(){ if(this.width != 1 || this.height != 1){ result = false; } } checkDataURISupportImage.src = "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="; // check if we have datauri support in current browser - end return result; }

ON-PREMISE OFFLINE SDK

60 Day Free Trial or Visit ByteScout PDF Suite Home Page

Explore ByteScout PDF Suite Documentation

Explore Samples

Sign Up for ByteScout PDF Suite Online Training

ON-DEMAND REST WEB API

Get Your API Key

Explore Web API Docs

Explore Web API Samples

createpdf.js
      
// 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 // IsInternetExplorer8OrLower parameter indicates if we use IE8 or lower so we CAN'T use images (as it requires HTML5 Canvas available in IE9 or higher). Other browsers should be working fine // IMPORTANT ABOUT IMAGES: // When using Firefox or IE, pdf generation may fail because images are not accessible when pdf generation works // the solution for this issue is to preload images in main HTML document before running PDF generation // to preload images, put them into hidden div block "pdfreportimages" - you can see it in the sample.html right after <body> opening tag function CreatePDF(IsInternetExplorer8OrLower) { // 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 color in RGB format to 0,0,0 - black color pdf.fontSetColor(0, 0, 0); // set font size pdf.fontSetSize(14); // BytescoutPDF.js provides support for built-in PDF fonts // which are demonstrated in this sample // trying Times-Roman pdf.fontSetName('Times-Roman'); // draw text pdf.textAdd(20, 20, 'Hello Times Roman!'); // trying Helvetica pdf.fontSetName('Helvetica'); // draw text pdf.textAdd(20, 60, 'Hello Helvetica!'); // trying Courier-Bold pdf.fontSetName('Courier'); // draw text pdf.textAdd(20, 100, 'Hello Courier!'); // set zapf dingbats built in font to use pdf.fontSetName("zapfDingbats"); pdf.fontSetSize(25); // draw symbols, see map of letters to symbols at https://images.google.com/?q=zapf+dingbats+font+symbols pdf.textSetBox(10,150,500,300); // define output rectangle pdf.textAddToBox("1234567890!@#$%^&*()ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz") // set symbol font pdf.fontSetName("Symbol"); pdf.fontSetSize(25); // draw symbols, see map of letters to symbols at https://images.google.com/?q=zapf+dingbats+font+symbols pdf.textSetBox(10,310,500,800); // define output rectangle pdf.textAddToBox("1234567890!@#$%^&*()ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz") // return BytescoutPDF object instance return pdf; }

ON-PREMISE OFFLINE SDK

60 Day Free Trial or Visit ByteScout PDF Suite Home Page

Explore ByteScout PDF Suite Documentation

Explore Samples

Sign Up for ByteScout PDF Suite Online Training

ON-DEMAND REST WEB API

Get Your API Key

Explore Web API Docs

Explore Web API Samples

VIDEO

ON-PREMISE OFFLINE SDK

60 Day Free Trial or Visit ByteScout PDF Suite Home Page

Explore ByteScout PDF Suite Documentation

Explore Samples

Sign Up for ByteScout PDF Suite Online Training

ON-DEMAND REST WEB API

Get Your API Key

Explore Web API Docs

Explore Web API Samples

Tutorials:

prev
next