<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
Введите текст<input type="text">
<div></div>
<script>
var div = document.querySelector('div');
document.querySelector('input').oninput=function(){
var arr = this.value.split(' ').map(el=> el.split(''));
if(arr[1][1]) arr[1][1] = '<span style="font-size: '+parseFloat(getComputedStyle(div).fontSize)*2+'px;">'+arr[1][1]+'</span>';
if(arr[2][2]) arr[2][2] = '<span style="font-family: Impact;">'+arr[2][2]+'</span>';
div.innerHTML = arr.map(el=>el.join('')).join(' ');
};
</script>
</body>
</html>
набросок