Changing the value of the first letter of each word

Question

I\'m attempting to either use jQuery, CSS or PHP to increase the font size of the first letter of each word in a string. For example, I\'m going to have a title in h1 tags

Answer 1

This will work. Just set in your CSS to h1 span {font-size: 125%}, or whatever.

$('h1').each(function(){
    var $this = $(this);
    var words = $this.text().split(' ');
    var newHtml = '';
    for (var i = 0; i < words.length; i++) {
         newHtml += '' + words[i].substring(0, 1) + '' + words[i].substring(1) + ' ';
    }
    $this.html(newHtml);
});