TYPO3 »

TYPO3 in Version 4.7 erschienen

Ab sofort steht das bleiebte Content Management System TYPO3 in Version 4.7 zum Download bereit. Insbesondere die verbesserte Unterstützung von HTML5 und ausgefeiltere Barrierefreiheit macht den neuen TYPO3-Release interessant.

SEO Strategie »

Google lanciert AdPlanner für AdWords-Kunden

Googles neuster Streich soll AdWords-Kunden dabei helfen, ihre AdWords-Kampagnen detaillierter zu planen. Auch für Schweizer Sites ist der AdPlanner-Service bereits verfügbar.

Joomla CMS »

Joomla! 1.6 zum Download freigegeben

Seit kurzem steht die finale Version des beliebten Content Management Systems (CMS) Joomla! in Version 1.6 zur Verfügung. Das Major Release bringt einige nützliche Neuerungen.

Technik und Design »

IE9 als Beta zum Download bereit

Microsoft hat die nest Version seines Internet Explorers vorgestellt. Die Beta des IE9 verspricht hohe Geschwindigkeit und gute HTML5-Unterstützung.

 │ 
 │ 
 │ 
 │ 
 │ 

Design

Donnerstag, 26. April 2007

Schriften im Internet

Posted in Design

Der Gestalter kann heute auf ein beinahe unerschöpfliches Sortiment an verschiedenen Schriften und Zeichensätzen zurück greifen und hat somit bei der Gestaltung von Texten, Titeln oder Logotypen eine schier unermessliche Freiheit. Doch längst nicht jede Schrift, welche zwar stilvoll und passend auf Briefpapier und Visitenkärtchen prangt, ist auch tauglich für die Darstellung auf dem Bildschirm.

Aus einer Rundung wird eine auf Pixeln basierende Bildschirmdarstellung
Beispiele von Schriften auf dem Bildschirm

Schriften müssen für die Darstellung auf dem Bildschirm gerastert werden, da sie analog der Bildschirmauflösung in Pixeln (Kunstwort aus Picture und Element) dargestellt werden. Dies führt zum sogenannten Treppeneffekt, der «verpixelten» Darstellung von Rundungen, Schrägstrichen oder weichen Kanten. Vor allem bei kleinen Schriftgrössen tritt auch das Phänomen des Zusammenwachsens von einzelnen Buchstaben oder gar der Tilgung von einzelnen Punzen (Innenräume von Buchstaben) auf. Dies ergibt ein ungewohntes Schriftbild und macht den Text oder einzelne Silben unleserlich und beeinträchtigt den Lesefluss.

Früher umging man dieses Problem, indem man auf Webseiten die Menüpunkte oder gar Titel und ganze Texteblöcke als Bildelemente im JPG- oder GIF-Format integrierte, was zwar die Leserlichkeit sicher stellte, jedoch im Hinblick auf Suchmaschinen-Optimierung und Bearbeitung mittels CMS alles andere als ideal ist.

Die meistverwendete Leseschrift für Lauftext im Internet ist wohl die Verdana, welche für Microsoft entwickelt und speziell für die Darstellung auf dem Bildschirm optimiert wurde. Sie wird auch bei kleiner Schriftgrösse auf dem Bildschirm noch klar dargestellt (siehe Grafik) und ist daher hervorragend lesbar.

Die Praxis zeigt, dass sich die meisten serifenlose Schriften (Arial, Helvetica, Geneva, ...) gut für das Internet eignen. Problematisch wird es jedoch bei Serifenschriften (Times, Garamond, ...) oder bei Schriften mit starkem Kontrast der Strichstärken (Bodoni) und kursiven, mageren oder sehr schmallaufenden Schriftschnitten.

Natürlich hängt die Lesbarkeit von Schriften im Internet auch von der Farbe der Schrift und des Hintergrundes ab. Optimal ist eine dunkle Schrift auf hellem Untergrund – je weniger Kontrast, desto ermüdender wirkt sich die Lektüre auf den Leser aus.

Diese Seite zu Mister Wong hinzufügen Diese Seite zu del.icio.us hinzufügen SEO News Google Bookmark setzen Facebook Bookmark setzen Sphinn it Technorati Bookmark setzen RSS feed abonnieren