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">