Изменить шрифт во время печати

Question

У меня есть таблица, которая отлично выглядит на экране, но я хотел бы изменить ее на шрифт с фиксированной шириной, когда (и только когда) она напечатана.

например.

<table class='style'> 
<tr><th>etc</th></tr> 
</table> 

Тогда

.style{ 
     font-family: "Courier New"; 
     font-size: 10pt; 
    } 

Как я могу получить его, так что класс тегов CSS влияет только на стиль печати. У меня есть только одна таблица стилей, поэтому у меня не может быть отдельного листа печати @media.

Answer 1

Вы уже ответил на свой вопрос, если вам не нужен отдельная таблица стилей для печати, вам необходимо повторно объявить печатающие Блокировать

@media print { 
    element.class { 
    font-family: "Courier New"; 
    font-size: 10pt; 
    } 
    /* You can add additional styles here which you need */ 
} 

/* The styles between @print braces will be applied when you print the document */ 

Примечания: селекторы, которые вы используете внутри @print будет приниматься во внимание, когда пользователь печатает документ, остальные правила, которые не объявлены, будут отобраны из ваших обычных стилей

Answer 2

Вы пробовали добавить медиа-запрос print в таблицу стилей и вставить в него новые правила стиля?

@media print { 
    .style{ 
     font-family: "Courier New"; 
     font-size: 10pt; 
    } 
} 

Answer 3

У вас могут быть оба стиля, упомянутые в одном файле CSS. Нравится

@media screen 
{ 
    .style{ 
     font-family: "Courier New"; 
     font-size: 10pt; 
    } 
} 

@media print 
{ 
    .style{ 
     font-family: "Helvetica"; 
     font-size: 12pt; 
    } 
}