Ich habe vor gut zwei Jahren mal einen Blog-Artikel gelesen, der meine typographische Gestaltung sehr geprägt hat. Und es kommt nicht oft vor, dass ich mich zwei Jahre später noch so genau an einen Blog-Artikel erinnern kann. Es geht um Schriftgrößen auf Bildschirmen und macht sehr anschaulich klar warum das, was ich damals in meiner Ausbildung gelernt habe mitunter zimlicher quatsch war. Seitdem setze ich generell größere Texte und verwende in Fließtext vor allem Serif-Schriften. Dazu später mehr.
Und nun vergleicht mal die Lesbarkeit des Fließtextes des verlinkten Blogartikels mit einem beliebigen Artikel auf spiegel.de. Diese zu kleine, serifenlose Verdana – auf einer News-Seite! Verrückt, oder?!
Warum hat die Typografie auf einer Seite, auf der die User nichts anderes machen als Fließtexte am Bildschirm zu lesen, eine so geringe Priorität? ...ganz im Gegensatz zu blinkenden Werbebannern und all dem Foo, der einen von den Artikeln ablenkt.
Nachdem ich ein Gefühl für Schriftgrößen entwickelt, und viel mit verschiedenen Schriftarten herumgespielt habe, stelle ich fest: Es entwickeln sich so ein paar Lieblingsschriften, die ich immer wieder verwende. Die will ich euch mal kurz auflisten.
Überschriften
Titillium
Die Schriftfamilie Titillium ist ein Projekt einer Italienischen Univerität und wird jedes Jahr von einer handvoll Studenten und Professoren weiterentwickelt. Ist aber eher was für Headlines, nicht für Fließtexte.
Exo
Dann war ich mal auf der Suche nach einer Schrift, die der bekannten Eurostile ähnelt. Wobei mir Eurostile viel zu gradlinig und langweilig rüber kam. Fündig wurde ich bei Exo. Es gibt davon ganze 18 Schnitte! Diese Schrift ist allerdings noch um einiges verspielter als z.B. Titillium, weshalb ich sie nie für Fließtexte einsetzen würde.
Kommen wir nun zu den besser lesbaren Schriften...
Fließtext
Droid is my new Helvetica.
Die Schriftfamilie Droid (Insgesammt acht Schnitte) gibt es seit 2007. Sie wurde für Google Android entworfen, und ist daher in all ihren Schnitten vor allem für gute Lesbarkeit auf Bildschirmen geschaffen worden. Droid geht eigentlich immer, weshalb ich sie für mich zur neuen Helvetica gekürt habe.
Serviervorschlag: Die Droid Serif für den Fließtext auf Webseiten mit einer font-size von mindestens 20px. Yummy!!
Merriweather
Und als ich dachte es kann nicht mehr besser werden haute mich die Merriweather völlig aus den Socken. Das hatte ich vorher noch nie so eindeutig. Ich öffnete irgendeinen Twitter-Link der mich auf einen Blogpost führte, in dem diese Schrift im einsatz war und nach ca. 0,25 Sekunden war mir klar, dass ich herrausfinden muss, was das für eine Schrift ist. Das ist verdammtnochmal die edelste Serif Freefont, die's gibt! ...überzeugt mich vom Gegenteil :)
Monospace
Auch ganz, ganz wichtig für Frontend Developer und User Interface Designer: Die richtige Monospace-Schrift für den Code-Editor.
Droid Sans Mono
Ich habe einige Monospace-Schriften ausprobieren müssen bis ich mich wohlgefühlt habe. Am ende ist es die Droid Sans Mono geworden, aus der oben erwähnten Android Schrift-Familie. Alle vorherigen sind nicht der Rede wert.
Anonymous Pro
...bis auf Anonymous Pro vielleicht. Da muss man aber dazu sagen, dass sie sehr klein ausfällt. D.h. wenn man mit der Schriftgröße zwei nummern höher geht, und die line-height im Editor (In Sublime-Settings gibts keine Line-Height. Da macht man das so) noch einen ticken hochschraubt, dann passt sie.
Fira Mono
Zu guter letzt noch meine gestrige Neuentdeckung: Fira Mono.
Sie wurde vom werten Herrn Spiekermann für das neue Open-Source Smartphone-Betriebsystem «Firefox OS» entworfen. Bisher bin ich begeistert. Mal sehen wie lange es hält.
Und was habt ihr so für Schriften auf euren Webseiten, den Interfaces und in euren Editoren?
