hawkmaster: Font-weight Unterschiede IE und FF

SELF-Forum

Font-weight Unterschiede IE und FF

hawkmaster
– Informationen zu den Bewertungsregeln

Hallo zusammen,

Wenn man unten stehende kleine HTML Datei einmal im Firefox 26 und einmal im IE 10 anschaut, so ist die Schrift im IE doch viel schmaler und feiner.

Woher kommen diese Unterschiede?

Wie kann man das am besten angleichen das es in beiden Browsern ähnlich aussieht?
Mit unterschiedlichen CSS Angaben?

  
<html<  
<head>  
<title>Ueberschrift Test</title>  
<style type="text/css">  
<!--  
h1 {  
  font-size: 48px;  
  font-weight:300;  
  padding-left: 8px;  
  margin-left: 4px;  
  color: #000;  
  font-family: "Segoe WP","Segoe UI";  
  font-style: sans-serif;  
}  
-->  
</style>  
</head>  
<body>  
<h1>  
Meine Ueberschrift in h1  
</h1>  
  
</body>  
</html>

vielen Dank und viele Grüße
hawk

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Font-weight Unterschiede IE und FF

    Matthias Apsel Homepage des Autors
    +1 Informationen zu den Bewertungsregeln

    Om nah hoo pez nyeetz, hawkmaster!

    Wie kann man das am besten angleichen das es in beiden Browsern ähnlich aussieht?

    Es ist ein unsinniges Unterfangen, zu versuchen, dass deine Seite in den Browsern total gleich aussieht. Deine Vorgaben sind 1. nur Empfehlungen, sie können durch den Nutzer überschrieben werden, viele werden das tun (Mindestschriftgröße, stärkerer Kontrast, …)

    Bei Schriftarten liegt das Problem noch viel tiefer. Welche Schrift tatsächlich angezeigt wird, ist vom Browser und Betriebssystem abhängig. Du könntest versuchen eine externe Schrift, etwa über google webfonts einzubinden. Aber auch dann muss es nicht überall gleich aussehen. Rendering-Prozesse können je nach Browser und Hardware unterschiedlich ablaufen.

    Die größte Chance hast du beim Verwenden einer SVG-Grafik, zumindest für die Browser, die SVG unterstützen. Für Überschriften ist das durchaus sinnvoll. Achte darauf, dass du den Text nicht als Text im SVG speicherst, sondern als Linienzug.

    Ansonsten: Eine Website darf in jedem Browser unterschiedlich aussehen, sie sollte allerdings in jedem Browser bedienbar sein.

    Matthias

    --
    Der Unterschied zwischen Java und JavaScript ist größer als der zwischen Che und Cher.

    Beitrag melden
    +1
    Informationen zu den Bewertungsregeln

    1. Font-weight Unterschiede IE und FF

      hawkmaster
      – Informationen zu den Bewertungsregeln

      Hallo Matthias

      danke für die Info.

      Ich wollte nur mal nachfragen.
      Hatte vorher mal in den Spezifikationen nachgeschaut und dabei festgestellt das "font-weight" eigentlich von allen Browsern unterstützt wird.
      ABer klar, das ist nicht alles :-)

      vielen Dank und viele Grüße
      hawk

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

    2. Font-weight Unterschiede IE und FF

      Gunnar Bittersmann Homepage des Autors
      – Informationen zu den Bewertungsregeln

      @@Matthias Apsel:

      nuqneH

      Rendering-Prozesse können je nach Browser und Hardware unterschiedlich ablaufen.

      http://superuser.com/questions/150198/font-rendering-in-internet-explorer-vs-other-browsers-on-windows-xp
      http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/

      Qapla'

      --
      „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer)
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln