Wie ändert man die Schriftgröße von druckbaren div

Question

Wie kann ich die Schriftart-Stil der div ändern, die ich drucken möchte?

dies ist das Styling

@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; 
    } 
} 

Beispiel:

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

Ich habe versucht, alles, was die Schriftgröße nicht kleiner zu bekommen, was mache ich falsch? Jede Hilfe wird geschätzt ..

Answer 1

Dies sollte funktionieren. Sie sollten die Änderungen im Druckvorschau-Fenster sehen können. Wenn die Änderungen nicht angezeigt werden, versuchen Sie, !important zur CSS-Regel hinzuzufügen.

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

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

}