molily: font Angabe im body tag

Beitrag lesen

Hallo Maggie,

bei der CSS Angabe (1.) zeigt sich auf Windows (egal welcher Browser) die Schrift sehr pixelig.

Warum ist das so? Hast du eine Beispielseite?

Welche der beiden (1.; 2.) body Angaben sind grundsätzlich besser?

Das klingt nach einer Fangfrage aus einem schulischen Test…?!

Antwort: Keine ist grundsätzlich besser. Beides ist möglich und es kommt ganz darauf an, was für eine Schriftgröße und Zeilenhöhe/Durchschuss man erreichen will.

font-size: 100% entspricht der im Browser eingestellten Ausgangsschritgröße, 1.2em sind entsprechend 1,2-mal soviel. Viele Browser haben standardmäßig 100% = 1em = 16px eingestellt (virtuelle CSS-Pixel).

Unter der Annahme, dass größerer Text mit mehr Durchschuss besser lesbar ist, könnte man natürlich sagen, font-size: 120% und line-height: 155% sei besser als font-size: 100% und line-height: 1.2, was verbreiteter Standard ist.

Sollte bei 1. der font-size Wert nicht genau 100.00% sein, sind 100.01% besser?

100.01% war ein Trick, den man mal verwendet hat, damit alte, kaputte Browser den mit em-Größen formatierten Text besser skalieren konnten.

Heutzutage macht es keinen praktischen Unterschied mehr, ob man 100% oder 100.01% angibt. Das bringt den Browser höchstens dazu, mehr anstatt weniger Rundungsfehler zu machen.

Wenn mehrere CSS Dateien in der index.php verlinkt sind, ist es dann nötig, in jeder CSS Datei die 'body Angaben' zu wiederholen?

Nein. Es ist nie nötig, identische CSS-Angaben zu wiederholen.

(Gut, bei gleicher http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet@title=Selektor-Spezifität ist die Reihenfolge wichtig – allerdings sollten solche Probleme nicht durch Wiederholung gelöst werden.)

Grüße,
Mathias