Lettering.js — La typographie dit «merci» à jQuery !

Lettering.js est un plugin jQuery qui devrait plaire aux amoureux de la typographie et aux bidouilleurs de CSS. Avec Lettering vous pourrez contrôler précisément le découpage de vos textes pour afficher les caractères ou les mots qui les composent comme bon vous semble ! On pourra appliquer un style CSS pour chacun des mots ou des caractères composant un titre.

Par exemple, avec le marquage HTML :

<h1 class="fancy_title">Some Title</h1>

Et le plugin Lettering appliqué avec les paramètres adéquats :

<script src="path/to/jquery-1.4.2.min.js"></script>
<script src="path/to/jquery.lettering.min.js"></script>
<script>
    $(document).ready(function() {
        $(".fancy_title").lettering();
    });
</script>

On obtiendra le résultat suivant :

<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>

Et c’est aussi simple que cela si l’on désire envelopper des mots ou des lignes plutôt que des caractères individuels. Ensuite, à vous de jouer avec les CSS !

Téléchargez et documentez-vous à propos de Lettering.js sur Github