Lettering.jsは一文字ずつCSSなどでスタイルを調整できるようにすることができるjQueryプラグインです。文字を一文字ずつ「span」で囲んでくれるので、文字を細かくカスタマイズしたいときにピッタリのプラグインですね。
Lettering.js
Lettering.jsの実際のデモ動作は以下のページから確認できます。
デモページでは一番上にある「LETTERING.JS」と書かれたタイトルが一文字ずつ「span」で囲まれた状態になっています。
ひとかたまりのテキストではなく、一文字ずつ調整できるようになるので、かなり細かく自分好みの文字スタイルに仕上げることができそうですね。
各文字に応じたカーニングやアニメーションなど、応用次第でさまざまなカスタマイズの可能性を享受できるはず。
使い方もかなりシンプルなので、気軽に導入できるのではないでしょうか？
「文字のデザインを細部までじっくり調整したい」「一文字ずつ違ったアニメーションを加えたい」といった人は、ぜひLettering.jsを活用してみてください。
Lettering.jsの詳しい実装方法やダウンロードは以下からどうぞ。
