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

Ideale Formulare in HTML5 Zusammen mit HTML5 wurden Formulare in ihren Möglichkeiten immens aufgewertet, was prinzipiell super ist, wenn man es benutzen könnte. Es ergibt sich ...
Vintage Effekte für Photos mittels jQuery Ich steh ja auf diese Vintage-Effekte für Photos, und insbesondere auf die ganzen Instagram-Filter die es so gibt. Früher war es ja so, dass man diese...
Glimmer – der Editor für jQuery Animationen jQuery Animationen sind eine lustige Sache, lustig deshalb, weil man mehr als „Einblenden“ und „Ausblenden“ im Web nicht zu Gesicht bekommt. Soll eine...
Catch404 – 404 mit jQuery Abfangen 404 sind eine sehr unschöne Sache, vor allem bei einer internen Verlinkung. Hier kann man aber zumindest durch Studieren der Log-Files merken, das etw...

Schreibe einen Kommentar