Menu icon Foundation
Font size too large when printing

Long story short, the font-size when printing is much too large -- a single paragraph page prints on 3-4 pages of paper. I've tried setting the font-size on my main content div (all that actually prints) to 11pt, with no success.

How does one go about overriding the rem sizing for print purposes?

Thanks,
Bob

printfont size

Long story short, the font-size when printing is much too large -- a single paragraph page prints on 3-4 pages of paper. I've tried setting the font-size on my main content div (all that actually prints) to 11pt, with no success.

How does one go about overriding the rem sizing for print purposes?

Thanks,
Bob

Bob Sawyer almost 5 years ago

Thanks, Rafi. I still haven't been able to get it to print nicely. Will keep trying different things, though.

Rafi Benkual almost 5 years ago

Just looking at the code and what print styles are included in Foundation, I don't see anything that would cause it.

"Foundation includes print styles developed by HTML5 Boilerplate to give you some basic print-specific styles. These are activated when you print through a media query. It includes:

Clearing out backgrounds, box shadows and text shadows
Appending link URLs after the anchor text
Bordering blockquotes and pre elements
Page cleanup and window minimization'