CSS Print Version
You can use CSS to change the appearance of your web page when it's printed. For example, you can specify one font for the screen version and another for the print version.
To create separate styles for your print version you use the @media rule. The @media rule allows you to specify a different style for different media.
The example below specifies a different font for screen and print but uses the same size for both.
You can also the media attribute when linking to an external style sheet (i.e. by using the HTML link tag):
You can also use the CSS @media rule for other media types such as handhelds, braille, aural, projection, tty, and tv.
Creating a "Print this Page" Button