Node-html-pdf: Font size is significant larger in rendered pdf
Did I miss something?
My css is:
.page {
width: 8.5in;
height: 11in;
font-size: 16px;
}
It works very well in real brower. But in rendered pdf file, only the 70% of the page width is visible, font-size is larger than it is in real browser. the remaining 30% is cut off.
My options object is empty, and it is same when I specify width and height
let options = {}
/* result is the same
let options = {
width: '8.5in',
height: '11in'
}
*/
pdf.create(invoiceStr, options).toFile('./test.pdf', ()=> {})
What did miss?
nicolasxu
All 22 comments
i have the same issue. I made the entire page width reduced by half and its started working locally. But same problem after deployment in server.
b4usat
on 30 Apr 2018
@marcbachmann Can you please help here. I have my custom fonts for UI and am passing UI html to node api to generate PDF. But i am getting pdf with all weired fonts. How can i solve this
b4usat
on 1 May 2018
On Windows, locally executed code works fine, however when I upload to server (linux based), while styles applied correctly, all proportions are extremely big compared to original. (Font size)
Update Apparently won't get fixed it seems: See this issue
bogacg
on 3 May 2018
Same issue
mustafa-walkover
on 8 Aug 2018
Same issue here, more than a year has passed... is this being taken care of at all?
DigitalLeaves
on 29 May 2019
Same issue, tried reducing the zoom factor but not getting any changes, will this be fixed?
D0NNY
on 13 Aug 2019
Same here.
MartinReiche
on 20 Sep 2019
same.
samura
on 6 Oct 2019
Same issue. On mac.
TimofeyBiryukov
on 21 Oct 2019
I have the same problem.
Xstyler85
on 24 Jan 2020
Had same issue, solved mine by using em rather than px.
anestin-femi
on 15 Feb 2020
Hi all, has anyone found a solution to this? Experiencing the same thing now.
toondaey
on 20 Apr 2020
Same here...
nitinsinghnaruka
on 20 May 2020
I have the same problem
PAHJunior
on 21 Jun 2020
Same problem
franjorub
on 24 Jun 2020
Guys I found something just add to your css file this line:
html {
zoom: 0.55;
}
lorenzoarellano
on 13 Jul 2020
Guys I found something just add to your css file this line:
html {
zoom: 0.55;
}
It's just a temporary solution. but it will work because we zoom in before render to pdf.
Any solution for this issues
sun1211
on 18 Jul 2020
Guys I found something just add to your css file this line:
html {
zoom: 0.55;
}
your workaround just saves my day
gvasquez95
on 11 Dec 2020
Guys I found something just add to your css file this line:
html {
zoom: 0.55;
}your workaround just saves my day
Im glad for you man!
lorenzoarellano
on 12 Dec 2020
I had this issue with html-pdf however using node-html-pdf solved it. I am aware this issue is on node-html-pdf but am posting this here incase it helps anyone having the same issue with html-pdf - silly me did not realise they were two different libraries.
oscarmeanwell
on 22 Dec 2020
Guys I found something just add to your css file this line:
html {
zoom: 0.55;
}
Savior
Kushan989
on 14 Feb 2021
Guys I found something just add to your css file this line:
html {
zoom: 0.55;
}
Thanks bro!! It works.. I did like
<html style="zoom: 0.55;">
But still searching for a permanent fix!!
Shanavaz
on 20 Jun 2021
Related issues
ZBilel
路
4Comments
ascsi
路
3Comments
vivekiyer114
路
5Comments
adman020
路
5Comments
wobsoriano
路
3Comments
Most helpful comment
Guys I found something just add to your css file this line:
html {
zoom: 0.55;
}