Download
User Rating: 4.9/5 ( 2 votes)
Lettering.js is a lightweight, easy to use Javascript '<span>' injector for radical Web Typography
Web type is exploding all over the web but CSS currently doesn't offer complete down-to-the-letter control. So we created a jQuery plugin to give you that control.
Source: letteringjs.com
1. INCLUDE JS FILES
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="js/jquery.lettering-0.6.1.min.js"></script>
2. HTML
<h1 class="fancy_title">
<span class="char1">S</span>
<span class="char2">o</span>
<span class="char3">m</span>
<span class="char4">e</span>
<span class="char5"></span>
<span class="char6">T</span>
<span class="char7">i</span>
<span class="char8">t</span>
<span class="char9">l</span>
<span class="char10">e</span>
</h1>
3. JAVASCRIPT
$(document).ready(function() {
$(".fancy_title").lettering();
});