How To Create A Print CSS StyleSheet

Printing webpages can be a disaster. You end up printing the navigation, sidebars, footers, ads, videos, and somewhere in the middle, the actual content. This can waste a lot of paper and ink which isn't good for people's wallet or the environment.

Webpage Printed

Printing is expensive! The average cost of a printed color page is about $.15 and black and white is $.03 - $.07 (depending if it's laser or inkjet).

Remember this is your content and your brand, not having a Print Styesheet can cost you. Your content wont look good in printed format and you'll piss off your readers.

Create a Print.CSS File

/* Use Serif Fonts */

body {
margin:0;
padding:0;
line-height: 1.4em;
word-spacing:1px;
letter-spacing:0.2px;
Font: 13px "Garamond", Times New Roman, serif; color: #000;
}

You can learn more about why you should use serif fonts for print here.

/*Remove Elements Not Needed for Print*/
#logo, #navigation, #sidebar, #footer {
display:none;
}