Question

I have a weird problem with special characters "åäö" and IE 9.

enter image description here

If I turn on compatibility mode it shows the characters in their correct form, however I don't want to force the comp. mode on the user. Why is this always a solution?

Was it helpful?

Solution

EDITED

This is a tricky issue with many factors, but the most important is probably that the text (at least on the demo page) contains å, ä, ö in two ways: directly as simple characters, and as decomposed. E.g., the “å” of “våld” consists of “a” followed by combining ring above (U+030A). Unifying this so that simple characters are used consistently should fix the issue.

However the demo page also uses font name open-sans instead of open sans, causing further problems, but I suppose this might be a typo in the demo, not on the real page.

Overrides original answer:

This seems to be a problem in the use of the Google font Open Sans. Probably IE uses it differently depending its mode (Quirks vs. Standard), because old versions of IE do not support the WOFF format.

The problem may disappear if you download the font and serve it from your own server. It has often happened that Google fonts don’t work when used from Google server but are OK when you manage them yourself.

OTHER TIPS

These are all swedish characters. Probably you should use HTML compatible characters to get rid of problem. Try with this character instead:

ä
å
ö

This will show correctly in every browser

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top