Как изменить размер шрифта для печати div

Question

Как я могу изменить стиль шрифта для div, который нужно распечатать?

это моделирование

@page { 
    size: A4; 
    margin: 0; 
} 
@media print { 
    .page { 
     margin: 0; 
     border: initial; 
     border-radius: initial; 
     width: initial; 
     min-height: initial; 
     box-shadow: initial; 
     background: initial; 
     page-break-after: always; 
    } 
    html, body { 
     width: 210mm; 
     height: 297mm; 
    } 
} 

Пример:

html, body { 
     width: 210mm; 
     height: 297mm; 
     font-size: 1mm; 
    } 

я попробовал все, что размер шрифта не становится меньше, что я делаю неправильно? Любая помощь приветствуется.

Answer 1

Это должно сработать. Вы должны увидеть изменения в окне предварительного просмотра. Если вы не видите изменений, попробуйте добавить !important в правило css.

@media print { 
div { 
    font-size: 1mm; 
/* font-size: 1mm !important;*/ 
    } 

/*Also move your @page css inside you @media css */ 
@page { 
    size: A4; 
    margin: 0; 
    } 

}