CSS: Wichtige Eigenschaften und Generische Tyen

[marctrix]

Hej hmm,

sans-serif etc. bedeutet nur welche Eigenschaften die Schrift hat, richtig? D.h. sans-serif und co steht niemals in meinem CSS Code, richtig?

Nein, sans-serif ist eine Schriftangabe wie Arial — sogar die wichtigere von beiden.

Arial ist eine konkrete Schriftart, die nicht auf jedem System zur Verfügung steht. Auf Systemen ohne Arial nehmen Browser standardmäßig eine Schriftart mit Serifen, also etwas was optisch und emotional maximal weit von „Arial“ entfernt ist.

Deshalb sollte man seine Liste mit Schriftarten immer mit einer generischen Angabe abschließen, die dazu führt, dass der Browser eine im System vorhandene Schriftart ohne Serifen verwendet, wenn „Arial“ nicht vorhanden ist.

Damit dieser Fall möglichst nicht eintritt, schreibt man für gewöhnlich mehrere konkrete Schriftarten in sein CSS, zum Beispiel:

html {
  font-family: Helvetica, Arial, 'Lucida Sans', sans-serif;
}

Die erste auf dem System vorhandene Schriftart wird benutzt. In diesem Fall also Helvetica, falls vorhanden. Darum will man auch genau diese Reihenfolge (und nicht zuerst den Helvetica-Abklatsch Arial).

Die oben genannten Schriften findet man häufig auf Macs (Helvetica), Windows-PCs (Arial) und vielen Linux-Distributionen (Lucida Sans).

Ob es nun Lucida Sans sein soll oder eine andere sei mal dahin gestellt — ich weiß auch nicht aus dem Kopf, ob Lucida Sans immer mitgeliefert wird. Da sind dann ggfs. noch weitere Schriftfamilien der Liste hinzuzufügen, wenn man die Kontrolle behalten will.

An Lucida Sans lässt sich nur schön zeigen, dass Schriften, deren Namen aus mehreren Wörtern bestehen, in Anführungszeichen gesetzt werden sollten (einfache oder doppelte, beides geht).

Marc