Typetester – online CSS für Fonts erstellen und vergleichen

Die Definition eines Fonts ist jedes Mal aufs Neue ein ziemliches Rumgemurkse. Es ist zwar nicht schwer eine Verdana auszusuchen, aber aufgrund der vielfältigen Zusatzeinstellungen die möglich sind (Laufweite, Zeilenabstand, etc.) auch nicht immer einfach. Hier hat man sich entweder ein Standard-Format zurechtgelegt, oder man probiert passend zu jedem Design neu aus. Letzteres dürfte wohl die Regel sein, zumal davon auszugehen ist, dass man nicht mit einer einzelnen Font-Definition für eine Seite hinkommt.

An dieser Stelle möchte ich dann auch noch direkt zwei berühmte Kundenaussagen einfügen, nämlich zum einen „Der Text muss lesbarer werden“ und zweitens „Ich sehe da keinen Unterschied“. Das Tool Typetester erlaubt online die Generierung von Font-Settings im CSS. Dabei können alle zur Verfügung stehenden Einstellungen mittels Pulldown getätigt, und das Resultat unter verschiedenen Szenarien begutachtet werden. Ist man mit dem Ergebnis zufrieden, kann man direkt das passende CSS herunterladen.

Screenshot von Typetester

Interessant wird das Tool aber auch wegen der „Ich sehe da keinen Unterschied“-Aussage. Denn Typetester kann drei Schriften nebeneinander darstellen. So könnte man zum Beispiel dem Kunden einfach und schnell mittels Screenshots den Unterschied zweier Schriften präsentieren. Auch nett kann das Tool für diejenigen Designer sein, die krampfhaft versuchen eine Schriftgröße von Photoshop in CSS zu übertragen. Auch wenn die Äußerung blasphemisch zu sein scheint, es gibt da durchaus Unterschiede ;)

Ä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...
Intention.js – Responsive direkt im HTML def... Je nach Einsatz von Responsive ist es normal, das man auch Bilder austauschen muss, oder Design-Elemente anpassen. Die Intention dahinter ist stets kl...
Clean CSS – in CSS Dateien mal so richtig au... Wenn man mal ehrlich ist: kaum eine CSS-Datei entspricht irgendeinem Standard, geschweige denn irgendeiner Norm. Erschwerend kommt hinzu, dass zwei (a...
Der ultimative CSS gradient Generator CSS Gradients sind nicht nur ein neuer Hype, sondern eine äußerst sinnvolle Sache, da sie helfen, statische Grafiken loszuwerden und schnell austausch...

Eine Antwort auf „Typetester – online CSS für Fonts erstellen und vergleichen“

  1. Ja, dieses tolle Online-Tool benutze ich auch schon seit einigen Monaten und bin sehr überzeugt davon. Es ist einfach, überschaubar und vor allem sehr sehr hilfreich, wenn man sich zwischen verschiedenen Font(stacks) entscheiden möchte…

Schreibe einen Kommentar

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