| Index: trunk/phase3/docs/uidesign/monospace.html |
| — | — | @@ -9,12 +9,32 @@ |
| 10 | 10 | margin: 1em 10%; |
| 11 | 11 | padding: 0.5em; |
| 12 | 12 | } |
| | 13 | + blockquote { |
| | 14 | + font-style: italic; |
| | 15 | + } |
| 13 | 16 | </style> |
| 14 | 17 | </head> |
| 15 | 18 | <body> |
| 16 | 19 | <p> |
| 17 | 20 | This page let you test the rendering font-family declaration for monospaced fonts. TODO: add some references here :-) |
| 18 | 21 | </p> |
| | 22 | +<p> |
| | 23 | +Erwin Dokter had the following explanation on <a href="https://bugzilla.wikimedia.org/33496">Bugzilla #33496</a>: |
| | 24 | +</p> |
| | 25 | +<blockquote> |
| | 26 | +By default, a (Windows) browser has it's default font-sizes set at 16px for |
| | 27 | +serif and sans-serif, and 13px for monospace. Except in IE, where you cannot |
| | 28 | +set any font-sizes... it uses 16px for all fonts. |
| | 29 | +<br/> |
| | 30 | +Vector has a base font-size of 0.8em, and most browsers *correctly* scale down |
| | 31 | +all fonts, including the monospace font, accordingly. So monospace is shown at |
| | 32 | +0.8 x 13px = 10px (which is perceived as 'too small'). But when you assign any |
| | 33 | +font besides just "monospace", those browsers will no longer treat it as |
| | 34 | +monospace and use 0.8 x 16px = 13px instead. |
| | 35 | +</blockquote> |
| | 36 | +<p> |
| | 37 | +Below are various rendering: |
| | 38 | +</p> |
| 19 | 39 | |
| 20 | 40 | <pre style=' |
| 21 | 41 | font-family: monospace;'> |