Font-weight Unterschiede IE und FF – SELFHTML-Forum Forum als Ergänzung zum SELFHTML-Wiki und zur Dokumentation SELFHTML https://forum.selfhtml.org/self Font-weight Unterschiede IE und FF Thu, 06 Mar 14 15:12:10 Z https://forum.selfhtml.org/self/2014/mar/6/font-weight-unterschiede-ie-und-ff/1604602#m1604602 https://forum.selfhtml.org/self/2014/mar/6/font-weight-unterschiede-ie-und-ff/1604602#m1604602 <p>Hallo zusammen,</p> <p>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.</p> <p>Woher kommen diese Unterschiede?</p> <p>Wie kann man das am besten angleichen das es in beiden Browsern ähnlich aussieht?<br> Mit unterschiedlichen CSS Angaben?</p> <pre><code class="block language-html"> <html< <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>title</span><span class="token punctuation">></span></span>Ueberschrift Test<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>title</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>style</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>text/css<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token style"><span class="token language-css"> <span class="token selector"><!-- h1</span> <span class="token punctuation">{</span> font-size<span class="token punctuation">:</span> 48px<span class="token punctuation">;</span> font-weight<span class="token punctuation">:</span>300<span class="token punctuation">;</span> padding-left<span class="token punctuation">:</span> 8px<span class="token punctuation">;</span> margin-left<span class="token punctuation">:</span> 4px<span class="token punctuation">;</span> color<span class="token punctuation">:</span> #000<span class="token punctuation">;</span> font-family<span class="token punctuation">:</span> <span class="token string">"Segoe WP"</span><span class="token punctuation">,</span><span class="token string">"Segoe UI"</span><span class="token punctuation">;</span> font-style<span class="token punctuation">:</span> sans-serif<span class="token punctuation">;</span> <span class="token punctuation">}</span> --> </span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>style</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>head</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>h1</span><span class="token punctuation">></span></span> Meine Ueberschrift in h1 <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>h1</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>body</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>html</span><span class="token punctuation">></span></span> </code></pre> <p>vielen Dank und viele Grüße<br> hawk</p> Font-weight Unterschiede IE und FF Thu, 06 Mar 14 15:35:11 Z https://forum.selfhtml.org/self/2014/mar/6/font-weight-unterschiede-ie-und-ff/1604603#m1604603 https://forum.selfhtml.org/self/2014/mar/6/font-weight-unterschiede-ie-und-ff/1604603#m1604603 <p>Om nah hoo pez nyeetz, hawkmaster!</p> <blockquote> <p>Wie kann man das am besten angleichen das es in beiden Browsern ähnlich aussieht?</p> </blockquote> <p>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, …)</p> <p>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.</p> <p>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.</p> <p>Ansonsten: Eine Website darf in jedem Browser unterschiedlich aussehen, sie sollte allerdings in jedem Browser bedienbar sein.</p> <p>Matthias</p> <div class="signature">-- <br> Der Unterschied zwischen Java und JavaScript ist größer als der zwischen <a href="http://selfhtml.apsel-mv.de/java-javascript/index.php?buchstabe=C#che" rel="nofollow noopener noreferrer">Che und Cher</a>.<br> <img src="http://www.billiger-im-urlaub.de/kreis_sw.gif" alt="" loading="lazy"><br> </div> Font-weight Unterschiede IE und FF Thu, 06 Mar 14 16:04:58 Z https://forum.selfhtml.org/self/2014/mar/6/font-weight-unterschiede-ie-und-ff/1604605#m1604605 https://forum.selfhtml.org/self/2014/mar/6/font-weight-unterschiede-ie-und-ff/1604605#m1604605 <p>Hallo Matthias</p> <p>danke für die Info.</p> <p>Ich wollte nur mal nachfragen.<br> Hatte vorher mal in den Spezifikationen nachgeschaut und dabei festgestellt das "font-weight" eigentlich von allen Browsern unterstützt wird.<br> ABer klar, das ist nicht alles :-)</p> <p>vielen Dank und viele Grüße<br> hawk</p> Font-weight Unterschiede IE und FF Thu, 06 Mar 14 21:30:29 Z https://forum.selfhtml.org/self/2014/mar/6/font-weight-unterschiede-ie-und-ff/1604604#m1604604 https://forum.selfhtml.org/self/2014/mar/6/font-weight-unterschiede-ie-und-ff/1604604#m1604604 <p>@@Matthias Apsel:</p> <p>nuqneH</p> <blockquote> <p>Rendering-Prozesse können je nach Browser und Hardware unterschiedlich ablaufen.</p> </blockquote> <p><a href="http://superuser.com/questions/150198/font-rendering-in-internet-explorer-vs-other-browsers-on-windows-xp" rel="nofollow noopener noreferrer">http://superuser.com/questions/150198/font-rendering-in-internet-explorer-vs-other-browsers-on-windows-xp</a><br> <a href="http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/" rel="nofollow noopener noreferrer">http://blog.typekit.com/2010/10/21/type-rendering-web-browsers/</a></p> <p>Qapla'</p> <div class="signature">-- <br> „Talente finden Lösungen, Genies entdecken Probleme.“ (Hans Krailsheimer) </div>