dbooks.de --> home (Logo) 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 49 Seiten)



Sponsoring  




Mit diesem Thema betrittst Du ein vermintes Gelände, wundere nicht über Explosionen. Es gibt da mindestens zwei Ansichten, ein Kompromiß scheint unmöglich.
Mail

Zitat






CSS-Eigenschaften

spez. Seiten zu CSS  




Netonstage - webprojekte - webconsulting - softwareentwicklung


 


Auswahl dBooks:

Suche und verwandte Themen  







Verschiedenes  




back


     Schriftgröße

Layouts mit fest definierten Verhältnissen von Text und Bildern sind mit Stylesheets nur annähernd möglich. Zum Thema absolute Schriftgrößen ein paar Untersuchungen und Tips.

Schriftgrößen sind im Web ein leidiges Thema. HTML-Puristen verweisen bezüglich punktgenauem Design lapidar auf das PDF-Format.

Die "Ich will kein Design"-Fraktion erweist sich damit aber einen Bärendienst - Inhalte und Navigation werden in Grafiken oder Fremd-Formate wie PDF oder Flash verpackt, um unleidige Überraschungen zu vermeiden. Der andere Nachteil: Selbst bei kleinen Änderungen müssen Photoshop, Flash oder Acrobat bemüht werden.



    Skalierbare und nichtskalierbare Schrift-Größe


   Ergebnis
Dieser Text kann in der Schriftgröße über den Browser eingestellt werden. Damit sind keine punktgenauen Designs möglich, in denen Text und Bilder ein bestimmtes Größenverhältnis zueinander haben.
Dieser Text kann in der Schriftgröße nicht mehr verändert werden, wenn der Browser Stylesheets interpretiert. Diese Angabe wird in Bezug auf die Pixelgröße von Bildern unabhängig von Plattform und Browser dargestellt, wenn Arial installiert ist.
   Quellcode

<table border=1 width="250">
   <tr>
      <td valign=top><img src="../pic/example/hund.jpg" align=left width="100" height="100" />
         <font size="2" face="arial,sans-serif">Dieser Text kann in der Schriftgröße über den Browser eingestellt werden. Damit  
         sind keine punktgenauen Designs möglich, in denen Text und Bilder ein
         bestimmtes Größenverhältnis zueinander haben.</font></td>
   </tr>
   <tr>
      <td valign=top><img src="../pic/example/nashorn.jpg" align=left width="100" height="100" />
         <font size="2" face="arial,sans-serif" style="font-size:12px;font-family:arial,sans-serif;">Dieser Text kann in der
         Schriftgröße nicht mehr verändert werden, wenn der Browser Stylesheets interpretiert. Diese Angabe wird in
         Bezug auf die Pixelgröße von Bildern unabhängig von Plattform und Browser dargestellt, wenn Arial installiert ist. </font>
      </td>
   </tr>
</table>






 Gefahren

Browser haben in der Regel eine Funktion, um die Schriftgröße zu ändern. Bilder, Applets oder Flashfilme bleiben hingegen unverändert. Eine Lupe, die alle Elemente vergrößert und wie sie als einziges Opera bietet, würde viel Diskussion um Schriftgrößen sparen. Ohne eine Lupe ist aber jede Diskussion Makulatur, weil es keine "beste" Lösung gibt, sondern nur Meinungen und Präferenzen.

Bei punktgenauem Design läuft man in die Gefahr, das Monitore mit einer maximalen Auflösung (z.B. 17 Zoll und 1280 Pixel Auflösung) kleine Schriften unleserlich darstellen. Hier sollte man nach Möglichkeit im Layout eine größere Schrift wählen, zumindest was die Kerninhalte betrifft.

Ein anderes Thema ist, daß nicht alle Plattformen die gleichen Schriften installiert haben. Mit sans-serif verwenden unterschiedliche Plattformen eine andere serifenlose Standardschrift, wenn z.B. Arial nicht zur Verfügung steht (z.B. Mac). Bei den Tests ging es nur um die "Butter-und-Brot"-Schrift Arial.


 Generell gilt:

   Verwenden Sie Pixel-Angaben.
   Testen Sie eine Schrift auf die Darstellung unter verschiedenen Plattformen und Browsern.
   Machen Sie wenn nötig zwei Stylesheets für NN und MSIE, die Sie über JavaScript je nach Plattform aufrufen.


  Links



Unkommentierte Links:

Bewertung: style.verso.com: Artikel von Todd Fahrner
Bewertung: netmechanic.com: Design Tip: What Size is FONT SIZE?
Bewertung: netmechanic.com: HTML Tip: Cross-Browser Font Size
Bewertung: netmechanic.com: HTML Tip: Fixing Your Font Sizes
Bewertung: Webmonkey: Sizing Up Text on the Next Browsers

Link empfehlen





 forward


(München, 2001-05-31 10:20:59 / )
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: 49 Themenseiten )
letzte Generierung Thu, 31 May 2001 08:35:41 GMT 0
© Werner Diwischek