Here's what a typical page looked like:
It's not a complete disaster, but there's plenty of room for improvement - the logo looks messy, text is indented where it shouldn't be, and there's quite a bit of formatting missing, especially for styles that had been introduced via our CMS (the original page contains a styled quotation and some content in boxed regions).
So an hour of tinkering later, here's what the printed pages now look like:
Here's what I did:
- Added a print specific version of the logo, rather than using the one that appears on screen (using the :before pseudo-class).
- Added print styles to match the onscreen formatting of boxes, bullets, tables and quotations.
- Hid a few more links that aren't of use in printed form.
- Increased the line height to improve readability.