Freitag, 3. September 2010

Typetester – online CSS für Fonts erstellen und vergleichen

28. Januar 2010

WP Greet Box icon
Hallo! Um regelmäßig über Neuigkeiten auf dieser Seite informiert zu werden, kannst du den RSS-Feed abonnieren. Mehr Informationen über diese Technik gibt es hier.

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

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 ;)


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

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…

Diesen Beitrag zitieren

Was ist deine Meinung zu diesem Beitrag?