Lettering.js für jQuery

Ich fürchte die Sache mit den Webfonts ist noch lange nicht ausgestanden, zum einen kämpft man ständig mit Unstyled Content, zum anderen können die Browser-Hersteller nicht die Finger davon lassen, ihr eigenes Süppchen zu kochen. Dabei können Webfonts generell noch nicht annähernd das, was wünschenswert wäre.  Mit Lettering.js ist nun ein jQuery-Plugin erschienen, das nicht auf einen einzelnen HTML-Container, sondern auf einen einzelnen Buchstaben eines Textes angewendet werden kann.

Homepage von Lettering.js

Zugegebenermaßen habe ich keine Anleitung gefunden, den Quelltext gibt es auf Github, aber so wie es ausschaut erfolgt die Steuerung der Webfonts zu 100% über das CSS – das Plugin sorgt lediglich dafür das die einzelnen Buchstaben über Selektoren angesprochen werden können und erledigt noch das eine oder andere hinsichtlich Browser-Inkompatibilitäten bzw. schnellem Einsatz von Webfonts.

Aus:

<h1 class="headline">WORD</h1>

Wird dann zum Beispiel:

<h1 class="fancy_title">
  <span class="char1">W</span>
  <span class="char2">O</span>
  <span class="char3">R</span>
  <span class="char4">D</span>
</h1>

Zumindest existiert ein entsprechendes Beispiel, und wer jeden einzelnen Buchstaben (oder in den meisten Fällen den Anfangsbuchstaben eines Wortes) beeinflussen will, wird wohl nicht um das Plugin herumkommen.

Ähnliche Beiträge

Teaser mit jQuery erstellen Heutzutage besitzt fast jede halbwegs ernst zu nehmende Webapp ein Mini-CMS im Backend. Meistens basierend auf einem WYSIWYG-Editor in JavaScript. Eig...
jFontSize – dynamische Font-Size mittels jQu... Ich entwickele zur Zeit einen Magento-Shop für Silver Surfer. Natürlich gibt es da besondere Ansprüche, und eine davon ist die klare Lesbarkeit der Se...
10 nette jQuery Snippets jQuery ist schön, jQuery ist nett und dankenswerterweise geht eine Menge mit Copy&Paste. Was manche an dieser Stelle allerdings als Segen betracht...
Zeitleisten mit Timeglider für jQuery In meiner letzten Firma habe ich viel für eine Branche gearbeitet, die Wert darauf legte ihren Kunden zu vermitteln, das ihr Produkt mindestens seit d...

Schreibe einen Kommentar