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.
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.
/* 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;
}
<link rel="stylesheet" href="mywebsite.com/styles/print.css" type="text/css" media="print" />
That's it, it's that simple!
 |
| 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;
}
Include Your Print CSS File In Your Header Tag
<link rel="stylesheet" href="mywebsite.com/styles/print.css" type="text/css" media="print" />
That's it, it's that simple!
Comments
Post a Comment