Pdfkit: Can't embed font in browser version

[dmitri-bazz]

Hey, so I'm trying to embed Lato-Regular.ttf which is located in /fonts/Lato-Regular.ttf.

Using .font('Lato-Regular.ttf) or even registering this font, yields an 'undefined is not a function' at ttf.coffee line 19. Upon further investigation it seems that the "require fs" for filesync isn't returning the correct object (this is just my guess, since I'm not incredibly familiar with node.js, but it doesn't look right [http://i.imgur.com/P8CkHbW.png]).

I'm running a XAMPP stack if it makes a difference.

[devongovett]

You need to download the font using an ajax request first. PDFKit does not do this for you. Here's an example (untested):

var xhr = new XMLHttpRequest;
xhr.onload = function() {
  // set the font using the arraybuffer returned from the xhr
  doc.font(xhr.response);
};

xhr.responseType = 'arraybuffer';
xhr.open('GET', '/fonts/Lato-Regular.ttf', true);
xhr.send();

[dmitri-bazz]

Much appreciated, figures I was missing something obvious.

[Wildhoney]

Using window.fetch:

fetch('/fonts/Lato-Regular.ttf')
    .then(response => response.arrayBuffer())
    .then(font => doc.font(font));

[kelly-tock]

is it possible to use this same method to register a font? it doesn't seem like it.

[kelly-tock]

and does this work with the latest version? my pdf is coming up blank.

[kelly-tock]

looks like woff is treated differently. works with ttf.