Impresión CSS - Regla @media

Puede usar CSS para cambiar la apariencia de su página web cuando está impresa en un papel. Puede especificar una fuente para la versión de pantalla y otra para la versión impresa.

Has visto la regla @media en capítulos anteriores. Esta regla le permite especificar un estilo diferente para diferentes medios. Entonces, puede definir diferentes reglas para la pantalla y una impresora.

El siguiente ejemplo especifica diferentes familias de fuentes para serigrafía e impresión. El siguiente CSS usa el mismo tamaño de fuente tanto para la pantalla como para la impresora.

<style type = "text/css">
   <!--
      @media screen {
         p.bodyText {font-family:verdana, arial, sans-serif;}
      }

      @media print {
         p.bodyText {font-family:georgia, times, serif;}
      }
      @media screen, print {
         p.bodyText {font-size:10pt}
      }
   -->
</style>

Si está definiendo su hoja de estilo en un archivo separado, entonces también puede usar el atributo media al vincular a una hoja de estilo externa -

<link rel = "stylesheet" type = "text/css" media = "print" href = "mystyle.css">