CODEWITHSUNDEEP
htmlcssgoogle-chromeprintingsafari
Elaine Marley
Elaine Marley

Reputation: 2213

Different font sizes when printing in Chrome and Safari

I have a simple website with bootstrap's last version and very little extra css (none in this page in particular) and I found out that when trying to print the same page in Safari and Chrome (mac) I get very different font sizes. In the screenshot I added a fixed font size and line height to the p tags, which is basically what's in the text, yet you can see that in Safari it renders so much smaller (to the right).

How can I fix this?

enter image description here

P.D.: Of course the page renders exactly the same on the browser, this issue only occurs when printing

P.D.2: I made a test with this very page to see if it is a general issue and it is. I see the same problem, so I'm even more at a loss as to what to do to fix it for my case. Versions are Chrome 37 and Safari 7.0.6

Upvotes: 3

Views: 4182

Answers (1)

William Hertling
William Hertling

Reputation: 675

In my work we have to have very high fidelity prints, so we usually render server-side with either wkhtmltopdf (free) or PrinceXML (commercial but excellent), both of which are dedicated print render engines for HTML. Both generate a PDF, and then the PDF can be downloaded to the browser and printed with consistent results on every platform and browser.

Upvotes: 2

Related Questions