Letter-spacing issue in font

[vijayraman96]

On different browsers , font has letter spacing issues. Few times it is coming correct but few times it is showing letter spacing css issues

[admin]

Please share more details...
Mainly particular template in the playground and what browsers do you test with.

[vijayraman96]

I am using handlebars engine, chrome-pdf recipe, and in chrome-pdf we are using Pdf format. I have attached the image below!!
In between n and s there is some space.
0_1706857722024_MicrosoftTeams-image (1).png

[admin]

Perhaps this config helps, but I would need a playground demo from you to be able to verify it.

 "extensions": {
  "chrome-pdf": {
    "launchOptions": {
      "args": ["--font-render-hinting=none"]
    }
  }
}

source
https://github.com/puppeteer/puppeteer/issues/2410

[vijayraman96]

let reportTemplate: JSReportCore.Request = {
template: {
chrome: {
format: "A4",
printBackground: true
},
content: template_url,
engine: 'handlebars',
recipe: 'chrome-pdf',
pdfPassword: {
password: userPassword,
ownerPassword: userPassword,
documentAssembly: true,
printing: "HighResolution",
modifying: false,
fillingForms: false,
copying: false,
contentAccessibility: false
}
},
};
I am using @jsreport/nodejs-client package. The following are the options i am using.

[admin]

Please create the template you ae rendering here
https://playground.jsreport.net/

[vijayraman96]

https://playground.jsreport.net/w/vijayraman96/13PgY9_3
Here is my code you can check here

[admin]

Thanks.

I've found the solution here
https://github.com/puppeteer/puppeteer/issues/2410#issuecomment-1385402280

You just need to add the following style

<style>
  * {
    text-rendering: geometricprecision !important;
  }
</style>