Font-weight Unterschiede IE und FF
hawkmaster
- css
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
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
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
@@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'