Kerning für Webfonts – Type Butter jQuery-Plugin
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.
Geschrieben von Jonas
Jonas ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.
