Darstellungsvariationen

Hier mal ein kleiner Einschub zum Fluch jedes Webentwicklers:

Ich habe die im letzten Post gezeigte Visualisierung auf einem Mac mit Safari-Browser entwickelt und getestet. Da sah z.B. das ein/aus/auto-Element so aus:

Wenn man nun die Seite mit einem Chrome-Browser aufruft, dann sieht dasselbe Element so aus:

Derartige Probleme sieht man nur, wenn man unterschiedliche Browser und unterschiedliche Betriebssysteme ausprobiert. Manchmal ist es recht schwierig, sie zu beheben.

Hier in diesem Fall ist es einfach: Statt sich auf die Default-Darstellung der Browser zu verlassen, gibt man explizit die Schrift vor:

Wichtig ist hier auch, dass Sie die Fort-Size wirklich in Pixeln (oder em) eingeben, und nicht die vorgegebenen Möglichkeiten "small", "medium", "normal"  etc. einsetzen. Denn just diese Begriffe interpretieren die Browser je nach Voreinstellung unterschiedlich.

Faustregel: Immer dann, wenn es um Fliesstext geht, sollte man die Voreinstellung der Browser in Ruhe lassen (also keine fixen Vorgaben machen, vielleicht hat der Anwender ja absichtlich die Default-Schriftart geändert), aber immer dann, wenn sich Text in ein grafisches Layout einfügen muss, sollte man möglichst genau definieren, wie dieser Text auszusehen hat.