Вы можете использовать CSS, чтобы изменить внешний вид вашей веб-страницы, когда она печатается на бумаге. Вы можете указать один шрифт для экранной версии и другой для печатной версии.
Вы видели правило @media в предыдущих главах. Это правило позволяет указывать разные стили для разных медиа. Таким образом, вы можете определить различные правила для экрана и принтера.
В приведенном ниже примере указаны разные семейства шрифтов для экрана и печати. Следующий CSS использует одинаковый размер шрифта как для экрана, так и для принтера.
<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>
Если вы определяете свою таблицу стилей в отдельном файле, то вы также можете использовать атрибут media при связывании с внешней таблицей стилей —