Vor einiger Zeit habe ich bereits einen Artikel über Kerning und Ligaturen im Browser geschrieben - heute möchte ich das Thema noch einmal aufgreifen. Type Butter ist ein neues jQuery-Plugin, mit dem ihr das Kerning der Schriftarten eurer Website verbessern könnt.
Im Moment liegen große Überschriften ja voll im Trend. Doch gerade bei großen Schriftgrößen entstehen häufig unschöne Abstände zwischen den Buchstaben. Mit Type Butter könnten sie der Vergangenheit angehören.
Wie setze ich Type Butter ein?
Das Script wird heruntergeladen und als jQuery-Plugin im Quellcode eingebettet. Zusätzlich wird ein weiteres Script für die gewünschte Schrift eingebunden. Anschließend müsst ihr nur noch den Selector festlegen in dem Ihr das verbesserte Kerning aktivieren wollt, also beispielsweise den body eurer Website.
jQuery('body').typeButter({
'default-spacing' : '0em'
});
Neben diesen simplen Basis-Settings könnt ihr individuelle Einstellungen für eine riesige Auswahl an Schriften festlegen.
Jetzt bist Du gefragt
Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freuen wir uns auf deinen Kommentar.
