Can not import customfonts in React

[ghost]

I want to use customfonts in React app, but I can't import the default_vfs file to my project

import jsPDF from 'jspdf';
import 'jspdf-customfonts';

I also tried to import default_vfs file like:

import jsPDF from 'jspdf';
import 'jspdf-customfonts';
import 'jspdf-customfonts/dist/default_vfs';

But it doesn't work, console error repoting is

Uncaught ReferenceError: jsPDF is not defined

I don't konw what should I do to make it work properly

[Uzlopak]

Why you important jspdf-customfonts?

[pippo111]

You don't need to import jspdf-customfonts as addFileToVFS is built in jsPdf itself

You can use jspdf-customfonts as a tool for making base64 from from ttf file (node makefonts.js) then just use generated data in jsPdf.

const someFont = 'AAEAAAASAQAABAAgRkZUTW...'
doc.addFileToVFS('some-font.ttf', someFont)
doc.addFont('some-font.ttf', 'some-font', 'normal')
doc.setFont(`someFont`)