Change First Letter Of Word Font Size With Javascript/jquery

Is there a way to select the first letter of each word with either javascript or jQuery? Im trying to make tags on my page have the first letter of each word be a bigger font siz

Solution 1:

If you are just looking for a styling change, you might be able to get away with pure CSS using :first-letter.

Here's an example: http://jsfiddle.net/bgNP3/1/

Note: I apparently had to make the spans into inline-blocks for the effect to work.

Update fixed link to jsfiddle.

Solution 2:

You could try using:

• letteringjs its may be a little more complex than what you need tho, or
• you could use this Is there any clean CSS method to make each letter in a word a different color?