ウェブフォントの文字組みをコントロールするJS:LETTERING.JSのご紹介です。
via.http://letteringjs.com/ DL

このjQueryプラグインを使うと、指定した要素にspanが挿入され自動でclassも指定されます。カラーリングなどのコントロールが楽に行えるプラグインになります。

SAMPLE

<div id="demo1" class="demo">
  <h1>Rainbow</h1>
</div>
$(document).ready(function() {
  $("#demo1 h1").lettering();
});

上記サンプルでは指定した要素にletter.jsを呼び出すとその要素1文字づつspanが挿入されます。

$("#demo2 h1").lettering('words');

上記サンプルでは指定した要素にletter.js引数に”words”を指定し呼び出すとその要素内の[words”1単語”]ごとにspanが挿入されます。

詳細は下記URLからどうぞ。