Benutzer:Entlinkt/Monospace-Schriftgröße

Problem mit Monospace-Schriftgrößen in manchen Browsern

In Anlehnung an das Verhalten des alten Netscape-Browsers gilt in Gecko-, WebKit- und Blink-basierten Browsern – also eigentlich allen außer dem Internet Explorer – eine abweichende Schriftgröße, wenn die CSS-Eigenschaft font-family den exakten Wert monospace hat, nämlich 13px statt der sonst üblichen 16px, auf Android- und Unix-Systemen sogar nur 12px. In den einzelnen Skins wird die Standardschriftgröße des Browsers weiter verkleinert, was beispielhaft im Vector-Skin (0.875em) zu einer Schriftgröße von nur noch 11px führt.

In skins/common/commonElements.css ist dafür der Workaround font-family: monospace, Courier eingebaut; die SyntaxHighlight-GeSHi-Erweiterung verwendet seit gerrit:131406 font-family: monospace, monospace. Dadurch werden lesbare und in allen Browsern einheitliche Schriftgrößen für Monospace-Text erreicht. Die Alternative wären feste (d. h. pixelbasierte) Schriftgrößen für alle Browser.

Testfälle

<span style="font-family: monospace;">…</span>	„Fix, Schwyz!“ quäkt Jürgen blöd vom Paß.
<span style="font-family: monospace, Courier;">…</span>	„Fix, Schwyz!“ quäkt Jürgen blöd vom Paß.
<span style="font-family: monospace, monospace;">…</span>	„Fix, Schwyz!“ quäkt Jürgen blöd vom Paß.
<pre>…</pre>	„Fix, Schwyz!“ quäkt Jürgen blöd vom Paß.
<code>…</code>	„Fix, Schwyz!“ quäkt Jürgen blöd vom Paß.
<tt>…</tt> veraltet	„Fix, Schwyz!“ quäkt Jürgen blöd vom Paß.
<kbd>…</kbd>	„Fix, Schwyz!“ quäkt Jürgen blöd vom Paß.
<samp>…</samp>	„Fix, Schwyz!“ quäkt Jürgen blöd vom Paß.
<div class="mw-code">…</div>	„Fix, Schwyz!“ quäkt Jürgen blöd vom Paß.
<syntaxhighlight>…</syntaxhighlight>	„Fix, Schwyz!“ quäkt Jürgen blöd vom Paß.
<syntaxhighlight>…</syntaxhighlight>	„Fix, Schwyz!“ quäkt Jürgen blöd vom Paß.
<syntaxhighlight >…</syntaxhighlight>	„Fix, Schwyz!“ quäkt Jürgen blöd vom Paß.

--Entlinkt (Diskussion) 00:33, 8. Jun. 2014 (CEST)