--> home Seitenstatus 3

 CSS


Stylesheet Grundlagen und Einheiten Grundlagen

Text »

Hintergrund in Cascading Stylesheets Hintergrund

Blöcke in Cascading Stylesheets Blöcke

Positionen in Cascading Stylesheets Ebenen

Listen in Cascading Stylesheets Listen

Verschied. in Cascading Stylesheets Verschied.

Software für CSS Software

Schriften in Cascading Stylesheets
Schriften
Text in Cascading Stylesheets
Text
Pseudo-Klassen in Cascading Stylesheets
Pseudo-Klassen
Schriftgröße im Web
Schriftgröße

Schriftgröße mit size-Attribut
size-Attribut
Schriftgröße: Point oder Pixel
Pixel oder Point
Schriftgröße mit Pixeln und Probleme
Pixel und Browser
Schriftarten im Web
Schriftart
Verschiedene Stylesheet für unterschiedliche Browser
Beispiel

PageMap 
(Umfang 47 Seiten)



Sponsoring  




CSS-Eigenschaften

spez. Seiten zu CSS  





 


Auswahl dBooks:

Suche und verwandte Themen  







Verschiedenes  




Netonstage - webprojekte - webconsulting - softwareentwicklung
back


     Pixel und Browser

Hier ein Vergleich verschiedener Pixel-Angaben für den NN und MSIE mit einer Überraschung: Der NN zeigt die Laufweite der Schrift in Sprüngen an.

Der Test unter Pixel oder Punkt ergab, daß sich die Darstellung mit Pixel-Größen unter den verschiedenen Plattformen nicht unterscheidet. Zum Vergleich unterschiedlicher Pixel-Größen wurde ein zweiter Test definiert.

 Screenshots

Screenshot Laufweite NN
NN
Screenshot Laufweite MSIE
MSIE


Offensichtlich interpretiert NN zwar Pixelgrößen vergleichbar, aber mit unterschiedlichen Laufweite (sprunghaft). So ist beispielsweise die Laufweite des Textes 15 px bei NN genausogroß wie 14 px beim MSIE. Auf der anderen Seite stellt der MSIE die Laufweite der Schriftgröße 10px größer als 11px dar.

Um diese Unterschiede einzubauen, ist der einzige Ausweg, per Script dem Browser ein individuelles Stylesheet zu geben.

Hier die gemessene Laufweite für den Internet-Explorer 5.0 und Netscape 4.6:
font-size (px) 10 11 12 13 14 15 16 17 18 19 20
IE 80 79 94 100 107 113 121 125 139 145 150
NN 71 80 94 94 100 107 121 121 125 139 150


 Mögliche Schriftgrößen

In dem untersuchten Bereich kann man also die folgenden Schriftgrößen (NN/IE) verwenden, die unter den untersuchten Plattformen mit Arial die gleiche Laufweite haben:
  • 11/10px
  • 12/12px
  • 14/13px
  • 15/14px
  • 16/16px
  • 17/18px
  • 18/19px
  • 20/20px
Das Beispiel hat nur Arial untersucht. Eine andere Schriftart kann dann wieder ganz andere Resultate liefern. Und auf vielen Plattformen ist eine gewählte Schrift gar nicht installiert. Eine sorgfältige Untersuchung einer gewählten Schrift lohnt sich. Zwar ist im Web kein 100%iges Wysiwyg zu erhalten, aber doch ein 95 %ges.

  Links



Link empfehlen





 forward


( )
Der Betreiber von www.dBooks.de übernimmt keine Verantwortung für den Inhalt und die Richtigkeit der Angaben auf den verlinkten Websites. Zu den üblichen NoNos gibt es keine direkten Verweise.

(Umfang dBook CSS: 47 Themenseiten )
letzte Generierung Mon, 30 Apr 2001 11:56:00 GMT 44
© Werner Diwischek