$('input').on('change',function(){
$('body').css('font-family',$('#font').val());
$('body').css('font-size',$('#size').val()+'px');
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="font" type="text" value="input font"/>
<input id="size" type="text" value="inpupt size"/>
<p>
Sample Text
</p>
<input id="font" type="text" value="input text font"/>
<input id="size" type="text" value"input text size"/>
$('input').on('change',function(){
var font = $('#font').val();
var size = $('#size').val();
$('body').css('font-size',size+'px');
$('body').css('font-family',font);
});