@font-face { font-family: 'Open Sans'; src: url('opensans.ttf') format('truetype'); } @media print { body { -webkit-print-color-adjust: exact; } .sheet { width: 100%; page-break-after: always; } .print-button { display: none; } } @media screen { body { background-color: #EEE; } .sheet { width: 210mm; height: 297mm; background-color: white; margin: 10mm auto; box-shadow: 0 1mm 1mm #CCC; padding: 20mm; } .print-button { position: fixed; top: 1.5em; right: 1.5em; border-radius: 2px; background-color: #009688; color: white; padding: .4em; z-index: 100; border: none; cursor: pointer; box-shadow: 0 .1em .1em #AAA; font-size: 1.4em; } .print-button:hover { background-color: #00796B; } } * { font-family: 'Open Sans'; } body { position: relative; margin: 0; width: 100%; z-index: -2; } .sheet { position: relative; overflow: hidden; box-sizing: padding-box; /* page-break-after: always;*/ }