Verschieden große Schriftarten

[Mephisto_]

Kann es sein das Windows und Mac die Schriftarten verschieden groß darstellen? Oder liegt das nur daran das ich was falsch gemacht habe? Wie kann ich dem vorbeugen?

Vielen dank im vorraus

 

[2nd]

Ohje, hoffentlich kriege ich das noch zusammen

Der IE unter Windows hat 16px Standardgrösse per Default, am Mac sind die Schriften für Safari kleiner (ca. 12px). Da haben die Mac-Entwickler geschlampt, da der Konsens 16px waren -
soweit ich mich an die Theorie dahinter dunkel erinnere.

Folgendermassen machst Du die Schriften gleich gross, egal ob Mac oder Windows-Rechner:

body {
   font-size: 62.5%
}

p {
   font-size: 1.2em;
}

Damit legst Du im Body die Schriftgrösse auf 62.5% fest und in allen Paragraphen auf 1.2em. Das entspricht bei 62.5% Grösse im Elternelement (->body) ziemlich genau 12px Schriftgrösse. 1.3em sind dann 13px usw..

Mit Selektoren für die anderen Tags kannst Du die Schriftgrössen für Überschriften etc. individuell einstellen.

2nd

 

[Mephisto_]

Vielen dank. Aber was mich noch interessiert ist der zusammenhang zwischen der -Zahl und der em-Zahl.

 

[2nd]

EM ist eine relative Angabe und bezieht sich immer relativ auf die Grösse der Schrift im Elternelement. Habe ich nichts im Body an Grösse angegeben und gebe für p bsp. 1 em an, enspricht 1em genau 16px.

Mit dem Festlegen von 62.5% im Body mache ich aus den 16px weniger (genau 38.5%, also ca. 10px ) und die Angabe 1.2em macht das Ganze dann wieder etwas grösser, da 0.1em = 1px bei 62.5% im Elternelement sind.

Noch zum Verständnis:

Was passiert, wenn Du Du später im Body die Schrift von 62.5% auf z. B. 75% änderst?





Alles wird grösser, die gesamte Seite.

2nd

 

[Mephisto_]

Vielen vielen Dank Herr semantisch Korrekt

 

[2nd]

Amen

Viel mehr als zweifelhafte Titel würde mich interessieren, ob es funktioniert

2nd aka Markup-Anstandswauwau

 

[Mephisto_]

oh... hast ja noch geantwortet. wenn mir hier nen pro was erzählt bedanke ich mich halt immer ganz nett, ohne es vorher auszuzprobiere. außerdem hat sich das ja alles logisch angehört. habe aber gerade keine lust mehr das auszuprobieren. melde mich morgen...äh heute

 

[Mephisto_]

so habs ausprobiert. also bei firefox sieht es bei mac und win gleich aus. beim internetexplorer 5/6 sieht es noch ein bisschen anders aus. das ergebniss vom ie 7 geht so, aber ist schon eher dran als der 5/6.