Print.js - Landscape Printing

by ph822720355

HTML

<script src="https://printjs-4de6.kxcdn.com/print.min.js"></script>
<div id="print-element">
  <h1 style="color: green;">
    Print.js Landscape Page Orientation
  </h1>
  
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus libero enim, consequat et interdum sed, placerat sit amet ligula. Sed maximus dolor et eleifend efficitur. Morbi viverra pretium ultrices. In luctus ante eu dictum dignissim.
  </p>
  
  <button id="print-button">
    Print
  </button>
</div>

CSS

@import url('ttps://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope');

JavaScript

let font = ""

function printTest() {
	printJS({
  	printable: 'print-element',
    type: 'html',
    style: '@page { size: Letter landscape; }',
    footer: '<h3>Page {pageNumber} of {totalPages}</h3>',
  })
}

document.getElementById('print-button').addEventListener('click', printTest)