"fs is not defined" in the prebuild version

Hi, I don’t use NodeJS so I use the prebuild version of PDFKit to generate the PDF. I imported the library in the HTML file `<script src="Scripts/blob-stream.js" type="text/javascript"></script>

<script src="Scripts/pdfkit.js" type="text/javascript"></script>`

It worked well with built-in fonts. When I registered a font from a file and used it doc.registerFont('OpenSans-Regular', 'fonts/OpenSans-Regular.ttf', 'OpenSans-Regular'); doc.font('OpenSans-Regular'); I got this error Uncaught ReferenceError: fs is not defined at Object.fontkit.openSync (pdfkit.js:16213) at Function.PDFFont.open (pdfkit.js:12888) at PDFDocument.font (pdfkit.js:14673) Can anyone please guide me how to solve this problem? Thanks!

[kelvin200]

Hi, You are right, I didn’t load the font data correclty. Here’s the code for those who need it (jQuery doesn’t support binary datatype on ajax call)

var xhr = new XMLHttpRequest();
xhr.open('GET', font.url, true);
xhr.responseType = 'arraybuffer';

xhr.onload = function (e) {
  if (this.status == 200) {
    doc.registerFont(font.name, xhr.response);
    // Do something...
  }
};

xhr.send();

[kelvin200]

@ninbit It has been a long time since I worked with that project so I can’t remember. However, I guess font is just my local object to define font name and url. You can define it the way you like, just make sure that you can pass it to the above function to load it and render your text.

You get CORS error because you dev site and your font are not on the same domain, I guess. I used localhost for my dev site so I had no problem with it.

It’s not relevant to this topic though but I’m willing to help.