Jak zaimplementować stronę print-friendly? Wykorzystamy przeznaczony do tego oddzielny arkusz stylu. O wszystkim decyduje atrybut media:

<style type="text/css" media="screen">@import url("domyslny-arkusz.css");
</style>
<style type="text/css" media="print">@import url(“arkusz-do-wydruku.css");
</style>

To jednak nie wszystko.  O czym szczególnie należy pamiętać formatując stronę do wydruku? Oto garść porad:

  • Dla dużych fragmentów tekstu używaj czcionki szeryfowej – tę czyta się na papierze lepiej niż bezszeryfową.
  • Usuń formatowanie linków – i tak nikt z nich nie skorzysta.
  • Schowaj bloki odpowiedzialne za nawigację – użytkownika interesuje przecież zawartość TEJ strony.
  • Tło nie jest drukowane, dlatego pamiętaj o odpowiednim kontraście dla koloru tekstu (szczególnie jeżeli Twoja strona jest w kontrze)
  • Usuń marginesy strony.
  • Dostosuj szerokość layoutu, by zmieściła się na jednej szerokości kartki A4.
  • Stosuj wymiary odpowiednie dla wydruków – np. dla czcionek – pt.
  • Testuj korzystając z drukarek PDF – oszczędzaj drzewa ;-)