FitText – immer passende Textgrößen

Content Management Systeme haben ihre Probleme – man rechnet nämlich selten mit der Heimtücke der Redakteure. Man bekommt hoch und heilig versprochen das eine Überschrift nie kleiner ist als 30 Zeichen und nie größer ist als 80 Zeichen. Der Redakteur erklärt einem dann noch, das alles andere ja eh Quatsch wäre, und wenn man dann nach ein paar Monaten wieder gucken geht (und keine entsprechenden Hilfsmittel eingebaut hat, dem Redakteur diese Grenzen aufzudrängen) rangieren die Überschriften irgendwo zwischen 5 Zeichen und epischem Ausmaßen.

Screenshot von FitText

Noch viel nerviger sind Aktionen, das man ein Div in fester Breite hat und der (sich nie ändernde Text) die gesamte Breite umfassen soll. Kann man relativ einfach übers CSS hin bekommen, es ist trotzdem nervig – und wenn man es dann hat kommt die Sache mit dem Responsive Webdesign oder die Tatsache, das man die Größe eines Containers nicht absolut angegeben hat.

Für den Fall kommt FitText ins Spiel – von den Machern von Lettering.js. das jQuery Plugin schafft es, einen Text so zu vergrößern/verkleinern das er ohne umzubrechen in ein ihn umgebenden Container passt. Heisst: das Teil funktioniert bei Überschriften, bei Layern und bei Tabellen-Zellen. Das Skript gibt es bei GitHub und wie die Jungs anmerken ist es keine Idee es auf Fließtexte anzusetzen! ;)

Ähnliche Beiträge

Landkarten als Font – Map Glyphs Wer den Blog schon länger verfolgt weiß durchaus, das ich mich sehr viel mit der Darstellung von Objekten auf Landkarten und Umkreissuchen beschäftige...
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...
Typetester – online CSS für Fonts erstellen und ve... Die Definition eines Fonts ist jedes Mal aufs Neue ein ziemliches Rumgemurkse. Es ist zwar nicht schwer eine Verdana auszusuchen, aber aufgrund der vi...
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 Br...

Schreibe einen Kommentar