Hallo Maggie und Mathias,
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).
Eigentlich ergibt keine der Angaben Sinn - jedenfalls nicht für Body und schon gar nicht, wenn man die Schriftgröße bei der Voreinstellung belassen will (was man imho eh immer tun sollte).
Wenn man aber bspw. 'rem' verwenden möchte, dann muss man die 'font-size' Angabe für das Root Element, sprich 'html' setzen.
Ich verwende z.B.:
html {font-size: 62.5%;}
body {
font-size: 160%;
font-size: 1.6rem;
}
Diese Variante erhält das Verhältnis einer vom Benutzer abweichenden Standard-Schriftgröße und "vereinfacht" die Rechnerei, da in Relation der REM-Wert mal 10 dem Pixel-Wert (als Fallback) entspricht.
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.
Wobei neben der Schriftgröße auch noch die Schriftart eine entscheidende Rolle spielt.
Gruß Gunther
PS: Wichtig ist zu beachten, dass die IEs 9+ rem *nicht* in der Kurzform 'font' unterstützen. Deshalb explizit 'font-size'.