jQueryプラグインlettering.jsを使ってテキストをカラフルに

指定したテキストを1文字ずつ、または1単語ずつ色付けしてくれます。色はcssで文字が「char2」から、単語が「line2」からそれぞれ順に指定しておきます。 「char1」、「line1」はデフォルトで「red」になっています。このサンプルでは、「char10」まで指定しています。

欧文フォント:64px、Google web fontsのBubbler One

$(document).ready(function() {$("#demo1 h1").lettering();});

QR-Rally®

custompack

欧文フォント:64px、Google web fontsのAlfa Slab One

$("#demo4 h1").lettering('words').children("span").lettering();

QR-Rally® custompack

日本語フォント 42px:ヒラギノ角ゴ Pro W3、メイリオ、MS Pゴシック、sans-serif

$("#demo5 h1").lettering('words').children("span").lettering();

QR-ラリー® カスタムパック

※引用、参考: http://daverupert.com