Schriftgröße in allen Browsern gleich


Problem:

  • Von den Browser Einstellungen unabhängige Schriftgröße, welche im IE und Netscape in etwa gleich groß angezeigt wird

 

Auf der root Ebene im html Tag setzt man die Schriftgröße auf 62.5% . Dadurch wird die Schrift in allen Browsern in etwa der gleichen Schriftgröße dargestellt. So eine Schriftgröße vererbt sich auf alle darüberliegenden Elemente. Dort kann man dann die gewünschte Schriftgröße in den einzelnen Elementen nach Wunsch definieren. Hierzu sollte man die Angabe em benutzen.

In der Praxis wirkt es sich so aus, dass eine mit 1.2em angegebene Schriftgröße einer Schriftgröße von 12 Pixeln entspricht, selbstverständlich nur mit der übergeordneten Definition von 62.5%,

CSS

html { font-size:62.5%}
body {
font-size:1.2em;
font-family:Verdana, Geneva, sans-serif;
color:#333333;
}


zurück

Copyright ©
Ein weiterer Web Design Tip von Pastor Pixel

H T T P : / / W W W . P A S T O R P I X E L . D E