I hope someone can shed light on this annoying problem I am having with IE - it renders <PRE>
tag contents in a "funny" font. See for yourself: http://imgur.com/LHAtPhh .
(The screenshot taken from rendering of http://www.roryhart.net/code/xckd-np-complete-restaurant-order/.)
By searching the web and SO, the few relevant answers I've found seem to point to either wrong encoding detected, or to broken fonts (see the strange glyph it is showing instead of "\").
I have played with the encoding also manually, and it doesn't change anything. The font problem I am really not qualified to investigate. What I have found, however, is that somehow an interesting font is indeed chosen for rendering. When going into the Developer Tools in IE and looking at the Trace Styles output of the relevant PRE element, I can see the following:
font-family: "Courier 10 Pitch", Courier, monospace;
I have no clue what "Courier 10 Pitch" could be... But when manually overriding with "Courier New", for example, it starts rendering correctly.
Any ideas? Could it be related to the fact that I have the East Asian Language Pack installed?
Reproduces with all IE versions I have had, 7 to 10. Windows 7 SP1 currently.
.fon
). It appears to fall back to some other fonts when asked to use them. "Courier" is an old bitmap font shipped with Windows, so IE stops searching on that but then renders something else. Other browsers appear to either understand "Courier" as "Courier New," or skip "Courier" and proceed to "monospace" which usually extends to "Courier New."