Html2canvas: Font-size can't be rendered correctly in Chrome
Bug reports:
The font-size can't be rendered correctly in Chrome. The render effects differ between chrome and firefox as shown below. I'm not quite sure weather it's a question of html2canvas or browser issues.
rendered in Chrome
rendered in Firefox ( same as origin DOM nodes )：
Specifications:
- html2canvas version tested with: 1.0.0-alpha.12
- Browser & version: Chrome 69 & firefox 62
- Operating system: Windows 10 Professional
Coodool
All 12 comments
https://github.com/niklasvh/html2canvas/issues/1664
maybe it's a same problem, you can delete font-variant css property.
nazhenhuiyi
on 25 Sep 2018
@Coodool
nazhenhuiyi
on 25 Sep 2018
@nazhenhuiyi Thank you very much. It deed works for me. I set font-variant: normal and get the correct result.
Coodool
on 25 Sep 2018
the same to me!
Yin-Xie
on 5 Dec 2018
I found that setting the element container font style will do that trick.
.container {
font-variant: normal;
}
yesvods
on 9 Dec 2018
I also encountered this problem, handled in the above way, and did not solve. #/omwteam/html2canvas/issues/8
hqwlkj
on 25 Jan 2019
where you set the css { font-variant: normal }, why it didn't work for me @Coodool
zww930620
on 21 Feb 2019
Maybe you can try font-variant: small-caps; @zww930620
Coodool
on 21 Feb 2019
Latest html2canvas versions (1.0.0-rc.2+) have fixed this issue for me.
val1984
on 31 May 2019
font-variant: small-caps; or font-variant: normal , it didn't work for for me
niuzhaoxia
on 6 Nov 2019
Maybe you can try set font-family
764088276
on 23 Feb 2020
@nazhenhuiyi Thank you very much. It deed works for me. I set
font-variant: normaland get the correct result.
THANKSSS
JuanDiegoTissini
on 15 Dec 2020
Related issues
stevencherry1
·
3Comments
tibewww
·
4Comments
Juliazhong
·
4Comments
koreanman
·
4Comments
celik75
·
4Comments
Most helpful comment
@nazhenhuiyi Thank you very much. It deed works for me. I set
font-variant: normaland get the correct result.