Print Media Query

Combining print.css to reduce http requests

@media print {
  Print styles go here
  No need for print.css file

Quick lesson learned today to include into future workflow.

You can easily combine your print styles in your master css file with a media query.

As pointed out by David Walsh this is highly compatible across browsers and devices and limits one more http request.

With this in mind it becomes easier to include the print styles into your workflow. Ideally the base typography and layout should be set but that is not always the case.

This not only serves as your print styles, but it is also a good reminder of base layout and typography, which you can include immediately as you build up your site.

After completing the build of your site experiment with removing the redundant print styles, if you’ve done a good job it’ll hold up, if not hey you’ve already got it covered by implementing styles early.