http://jsfiddle.net/pbhj/X53Ju/ works but only with -webkit as background-clip text isn't supported elsewhere (for shame).

Or, using lettering.js to wrap individual letters in spans - http://jsfiddle.net/pbhj/3P7eU/.

Edit: here's a polyfill that might help, https://github.com/TimPietrusky/background-clip-text-polyfil....