Besserer CSS font-stack in nur 2 Sekunden

Auf vielen Seiten, die serifenlose Schriften verwenden, sieht man folgende, ungeschickte, CSS font-family Eigenschaft:

font-family:Arial,Helvetica,sans-serif;

Selbst auf “großen” Seiten (bspw. Posterous) ist dieser Fehler anzutreffen.

Fehler deshalb, weil auf diese Weise, nur solche Benutzer in den Genuss der viel harmonischeren Helvetica kommen, auf deren System kein Arial installiert ist. In der Praxis wird sich diese Nutzergruppe auf ein absolutes Minimum beschränken, denn sowohl auf Windows, wie auch auf Linux Systemen, ist keine Helvetica vorhanden. Bleiben noch die Mac-User… Nur ist unter MacOS auch die Arial installiert, und “gewinnt” damit bei obiger CSS Deklaration.

Dabei ist die Lösung doch so einfach:

font-family:Helvetica, Arial, sans-serif;

Und schon können zumindest die Mac-User schicke Schweizer Buchstaben bestaunen.

[Bildquelle]

Hallo, mein Name ist Mario Fink –
Webentwickler mit einer Vorliebe für leicht verständliche und gut bedienbare Webseiten.

Folge mir auf Twitter oder schreibe mir ein paar Zeilen.