var text = 'Hello World!';
var div = document.getElementById('rollercoaster');
for (var i = 0; i < text.length; i++) {
var fontSize = 10 + 5 * (Math.min(i, text.length - i - 1));
var currentNode = document.createElement('SPAN');
currentNode.appendChild(document.createTextNode(text[i]));
currentNode.style.fontSize = fontSize + 'px';
div.appendChild(currentNode);
}