index.html
<select name="font" id="font">
<option value="Arial" default>Arial</option>
<option value="Helvetica">Helvetica</option>
<option value="Times New Roman">Times</option>
</select>
<button class="print" onclick="printDiv('page')">Print</button>
<page class="offer" size="A4" id="page" contenteditable="true">
<br>
August 12, 2017 <br>
To,<br>
</page>
script.js
function printDiv(divName) {
var printContents = document.getElementById(divName).innerHTML;
var originalContents = document.body.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
$('#font').change(function(e){
$('#page').css('font-family', $(this).val())
})