Google Fonts prepared for pdfmake and pdfmake-browserified
Check out the Google Fonts examples. Then use the font you like, by selecting it in the build folder.
If you want to use pdfmake with the script-tag (the regular pdfmake way), go to the script subdirectory. If you want to use the browserified version, choose the browserified folder.
Cloning the repository will make the prepared Google Fonts available locally. Be warned: this repo is big and Google Fonts itself is included in the lib folder.
git clone git://github.com/xErik/pdfmake-fonts-google.gitAnother way is to simply download the specific font file and its corresponding map file from github.
Note 1: Styles like bold have no effect for some fonts. Because the font does not provide the style in question, a substitution has been added, pointing to the normal style. pdfmake/pdfkit requires a certain set of styles to be present and throws an error if these styles are missing. If in doubt, check the corresponding *.map.js file of the font you are using and modify it to your liking.
Note 2: The regular font name (e.g. Times New Roman) is is needed for declaration of the defaultStyle. It can be found in the corresponding *.map.js file.
Note the browserified folder in the path, when selecting a font.
var createPdf = require('pdfmake-browserified');
var map = require('<path to>/pdfmake-fonts-google/build/browserified/ofl/junge.map.js'); // font style mapping
var data = require('<path to>//pdfmake-fonts-google/build/browserified/ofl/junge.js'); // font data
var defaultFont = Object.keys(map)[0];
var dd = {
content: [
/* your content */
],
styles: {
/* your styles */
},
defaultStyle: {
font: defaultFont // important, don't forget to set!
}
};
createPdf(dd, map, data).open();Note the script folder in the path, when selecting a font.
(The working example below is to be found in the test/ folder.)
<!doctype html>
<html lang='en'>
<head>
<meta charset='utf-8'>
<title>Google Fonts with regular pdfmake</title>
<script src='pdfmake.min.js'></script>
<script src='../build/script/ofl/junge.js'></script><!-- the font data -->
<script src='../build/script/ofl/junge.map.js'></script><!-- the font-style mapping -->
</head>
<body>
<input type="button" onclick="openPdf()" value="Open PDF"></input>
<script type="">
/* Do not forget to set the defaultStyle to the font name you included above */
function openPdf() {
var docDefinition = {
content: 'Lorem ipsum dolor sit amet...',
defaultStyle: {
font: Object.keys(pdfMake.fonts)[0]
}
};
pdfMake.createPdf(docDefinition).open();
}
</script>
</body>
</html>(The Git repository includes the build already, re-build if necessary.)
Install node dependencies:
npm install
Build the Google Fonts, which live in lib/:
gruntxErik
NPM pdfmake-browserified MIT License
GIT pdfmake-browserified MIT License
Google Fonts Apache/MIT/ODF Licenses
The fonts have various licenses, which are to be found in the lib/ folder.
MIT
Clean up the Gruntfile.js