nicht angemeldet
Seltsames Phänomen bei der Schriftformatierung
Tach allerseits
Vergleicht doch bitte mal diese beiden Dateien:
http://www.zeitschrift-impressionen.de/test/b.html [1]
http://www.zeitschrift-impressionen.de/test/p.html [2]
Der einzige Unterschied ist, daß bei [1], Schriftart und -größe mit:
body {font:12px/130% Verdana, Arial, Helvetica, sans-serif}
festgelegt sind, während bei [2] folgendes steht:
p {font:12px/130% Verdana, Arial, Helvetica, sans-serif}.
Das Ergebnis sollte nach menschlichem Ermessen eigentlich gleich sein - dachte ich bisher jedenfalls. Trotzdem erscheint bei [2] der Text kleiner (vielleicht auch verzerrt).
Gibt es dafür eine logische Erklärung?
Vielen Dank schon mal
Thomas J.
PS: Nur für den Fall, daß jemand keinen Unterschied sieht, hier noch zwei Screenshots:
<img src="http://www.zeitschrift-impressionen.de/test/b.gif" border=0 alt=""> <img src="http://www.zeitschrift-impressionen.de/test/p.gif" border=0 alt="">
-
Hallo,
Das Ergebnis sollte nach menschlichem Ermessen eigentlich gleich sein - dachte ich bisher jedenfalls. Trotzdem erscheint bei [2] der Text kleiner (vielleicht auch verzerrt).
Gibt es dafür eine logische Erklärung?
Dem BODY wuerde ich generell keine Schriftinformationen geben (nur Farben, Hintergrundbild, overflow, usw.), weil dieser auf Inhaltscontainer wie p, td, div, span, ... angewiesen ist. Dein Beispiel mit BODY-Formatierung erscheint bei mir wie die Standardschrift zu 100%. Offenbar werden die Angaben nicht an die Kindelemente vererbt.
...<body>Text</body>...
ist auch nicht valide in HTML 4+.
...<body><p>Text</p></body>... dagegen schon.
MfG, Thomas
-
Hallo Namensvetter
Dein Beispiel mit BODY-Formatierung erscheint bei mir wie die Standardschrift zu 100%.
Das dachte ich auch zuerst. Ich hatte dann mal meine Standardschriftart auf Times geändert. Der Text wurde aber nach wie vor in Verdana angezeigt.
Offenbar werden die Angaben nicht an die Kindelemente vererbt.
Sollte das aber nicht genau anders sein? Schließlich ergibt <table style="font-size:30px"><tr><td><p>Riesentext</p> ... einen eben solchen.
Mich würde halt interessieren, ob es dafür eine W3C-konforme Erklärung gibt, oder ob man ganz einfach hinnehmen muß, daß es halt so ist wie es ist....<body>Text</body>...
ist auch nicht valide in HTML 4+.Ich weiß, deshalb steckt der Text in beiden Beispielen ja auch zwischen <p></p>.
Thomas J.
-
-
Hi Thomas,
das ist kein seltsames Phänomän!
Du gibst einmal an wie der Text der im reinen BODY steht auszusehen hat und einmal wie er im P-TAG auszusehen hat.
Als kleinen Test: Probier mal Direkt hinter <body> was zu schreiben. Dann ist die Schrift genauso wie du sie haben willst. Wenn du dann oben nur ein CSS für den body erstellst kann er natührlich keine CSS-Infos für den P-TAG bekommen und nimmt die Standart-Einstellungen.
CSS ist halt n bisschen was anderes! ;-)Gruß ... Simon
-
Ich glaube Thomas hat schon das richtige Gesagt: Vererbung. Meiner Meinung nach wird aber gerade im IE die Eigenschaften in die tieferverschachtelten TAGS vererbt, möglicherweise eine Ausnahme. Aber Vorsicht. Der Netscape vererbt generell keine Schriftinformatione etc. an Kinderelemente und so sollte man diese TAGS ebenfalls mit angeben, sonst kann es im Netscape durchaus nix mehr mit deiner Webseite gemein haben
also p,td,body { ... } etc. Vorsicht bei Hintergrundpix im Body und Tabellen, da die seperate in der Tabelle bzw. Zelle angezeigt werden.
Daher trenn ich das eher in body { ... } und p,td { ... } -
Hallo,
unter der Lupe betrachtet sind die Buchstaben sind in beiden Fällen bis aufs Pixel genau gleich. Der Unterschied liegt im letter- und word-spacing.
Paul
-
Hallo,
unter der Lupe betrachtet sind die Buchstaben sind in beiden Fällen bis aufs Pixel genau gleich. Der Unterschied liegt im letter- und word-spacing.
Falsch.
Z.B. beim "g" ist der Unterschied deutlich zu sehen.Thomas J.
-