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

Text auf Pfaden mittels CSS3 Brave New World - CSS3 und insbesondere das Canvas-Element machen Dinge möglich, über die man sich früher keine Gedanken machen brauchte. Insbesondere...
Die richtige Font fürs Programmieren Bewegt man sich im Bereich von IDEs oder von Terminal-Anwendungen gelten bzgl. Fonts ganz andere Richtlinien, als für den Print-Bereich. Zum Beispiel ...
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...
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...

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.