HTML entities and charset in IE

问题

I am displaying html entity ✓ (a check mark: ✓) in an html document that uses iso-8859-1 for the character set.

In Firefox, it displays as a check mark. In IE, it displays as a square box. Switching to UTF-8 doesn't seem to make a difference.

Is there a reliable way to display these entities in IE 6 & 7 without using images?

回答1:

Square means that the font used does not have the glyph for that character.

Unfortunately, there are not many fonts containing that character, and none of them is present by default on all Windows machines (and even less on non-Windows ones)

The most likely fonts to be present (that contain that glyph) are Arial Unicode MS (comes with Officie), and MS Gothic + family (which is a Japanese font).

See here for a tool that can help you determine that font contains what glyphs: http://www.mihai-nita.net/article.php?artID=charmapex

But if you want a solution that works reliably, an image is your safest bet.

回答2:

Perhaps the typeface used by Internet Explorer doesn’t have a glyph to display this character.

回答3:

You probably want to use font-family: Arial Unicode MS, Arial, Sans-Serif. IE does not display properly unicode chars from Arial...

回答4:

You can try the square root symbol, "√", which doesn't look perfect but ok. √

回答5:

If it's IE, you can reasonably assume it's on Windows, and hence, there's a WingDings font available... The letter ü in MS WingDings is a simple checkmark (similar to ✓), and þ is a checkmark in a box (similar to ☑).

回答6:

I specified the font attributes in a style tag and the checkmark is displayed properly in IE7 which is what the majority of my clients are using. Example:

✓ Some text