Webdesign- und Freeware-Tipps

Minikurs: Schriften im Web / Internet

Zu Anfang dieses Minikurses muss ich einmal ganz klar sagen, dass die Schrift etwas sehr Wichtiges auf einer Internetseite darstellt. Deshalb solltet ihr euch diesem Thema nicht nur halbherzig entgegenstellen, sondern nach einer guten Lösung für die eigene Seite suchen.

Da man nur mit Hilfe von Text gezielte Informationen unter die Leute bringen kann und Text nur durch Schrift darstellen kann, ist es wichtig, ihn für alle User zu optimieren.

Es gibt zwei Arten von Schrifttypen, serifenbehaftete Schriften und serifenlose Schriften. Für die Präsentation im Internet gilt es auf jeden Fall eine serifenlose Schriftart zu benutzen, da man diese Schrifttypen auf dem Bildschirm besser lesen kann. Im Printbereich ist es genau umgekehrt, da man auf Papier serifenbehaftete Schriften besser lesen kann.

Es kann vorkommen, dass euch eine Schriftart eures Systems sehr gut gefällt. Sehr wahrscheinlich wird es eine Schrift sein, die nicht jeder User auf dem eigenen Rechner installiert hat. Denn auf Webseiten werden nur die Schriften dargestellt, die auch auf dem System des jeweiligen Users gefunden werden können. Hat also xyz eure Schrift nicht installiert wird er eine voreingestellte Standardschrift zu Gesicht bekommen. Da wird natürlich folglich das Layout der Internetseite darunter leiden, da meistens Times New Roman als Standardschrift eingestellt ist. Glücklicherweise gibt es drei Schriften, bei denen man sicher gehen kann, dass sie in allen Betriebssystemen (Windows / MacOS) vorhanden sind.

Die Auswahl der Schrift für eure Internetseite ist natürlich euch überlassen. Als nächstes ist darauf zu achten, dass die Schriften nicht zu klein gewählt werden. Der Text im Contentbereich sollte mindestens auf 75 % bzw. 0,8em eingestellt sein.

Achtet darauf, dass eure Angabenfür die Schriftgröße in der CSS Datei nicht in Pixel (px) angegeben sind. Die Größe sollten als relative Einheiten angegeben werden, damit man in jedem Browser die Schriftgröße selbst einstellen kann. Benutzt am besten "%". Die Einheit "em" funktioniert aber auch.

Der Code in einer CSS-Datei, um die Schrit eines Absatzes zu formatieren:

p{
font-size: 75%;
font-family: Verdana;
color: #000000;
}