font Angabe im body tag
0 
molily
font Angabe im body tag
Hallo,
bei der CSS Angabe (1.) zeigt sich auf Windows (egal welcher Browser) die Schrift sehr pixelig.
Welche der beiden (1.; 2.) body Angaben sind grundsätzlich besser?
Sollte bei 1. der font-size Wert nicht genau 100.00% sein, sind 100.01% besser?
1. ~~~css
body
{
font-family: verdana, arial, sans-serif;
font-size: 100.00%;
padding: 0px;
text-align: center;
position:relative;
}
2\. ~~~css
body {
font: 1.2em/155% Arial,Helvetica,sans-serif;
height: 100%;
}
Noch eine grundsätzliche Frage:
Wenn mehrere CSS Dateien in der index.php verlinkt sind, ist es dann nötig, in jeder CSS Datei die 'body Angaben' zu wiederholen?
Danke für Eure Tipps.
Gruß
Maggie
-
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-
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'.
-