node-html-pdf: Bold text are ignored from html to pdf

A solution that works for my needs : include in the HTML the google font link :

<link` href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap" rel="stylesheet">

html {
  font-size: 12px;
  font-family: 'Open Sans' !important;
  font-weight: 400;
}

p.bold {
   font-weight: 600;
}

not perfect but it does the job for me

@sulaysumaria No it isn’t, but as I said above, it doesn’t effect production (on linux), only dev on my mac. So I don’t care.

A workaround is to use something like font-weight: 700; property. I am using it and it works pretty fine.

I have the same issue with macOS Mojave v10.14.6, any updates about fix?

Maybe this helps others as well, I ended up using Puppeteer for pdf creation:

const browser = await puppeteer.launch();
const page = await browser.newPage();

await page.setContent(templateHtml);

const pdf = await page.pdf({
	format: 'A4',
	printBackground: true
});

await browser.close();

const buffer = Buffer.from(pdf);
const bufferStream = new stream.PassThrough();

bufferStream.end(buffer);

return bufferStream;

For anyone still looking:

I was importing fonts from google. I added the “bold” fonts also when selecting fonts and it worked.

Posting here because I didn’t find this solution anywhere else.

@MarcGodard Thanks for reporting, but before deploying an app to heroku you will probably want to test it, and the best way to do this is locally. It looks like an OS fonts/PhanthomJS problem, but this issue is helping people to address the problem so I’ll let it here.

In my case, It’s working when we are defining in CSS

<style> b{ font-weight: bold; } </style>

Now, use b tags to make fonts bold.

It’s happening to me in Mojave. However, once deployed to Heroku, works fine.