Link to home
Start Free TrialLog in
Avatar of VirusMinus
VirusMinusFlag for Australia

asked on

tick character in IE

I'm trying to use the tick character in IE, it works in firefox. but in IE appears as a box.

the character is ✔ OR ✓

Could it be something to do with the encoding?

How can i get a tick character to appear in IE and Firefox?
Avatar of HackneyCab
HackneyCab
Flag of United Kingdom of Great Britain and Northern Ireland image

Usually (but not always) the empty box character means that the font being used is not capable of showing the requested glyph.

For some reason, Internet Explorer doesn't seem to care what font is used, it just won't show the symbol. (Even the Wikipedia page about the tick (checkmark) just shows a set of empty boxes for the symbols.) This is one of the many, many reasons why I hate Internet Explorer.

Hopefully someone else has a work-around.

In the meantime, could you use a small graphic and give it a suitable alt attribute?
Avatar of ozo
My Internet Explorer does seem to have the Unicode character set loaded.
but since you can't count on everyone's Internet Explorer, using a small graphic <img> is proably the best alternative.
ozo, do you see the checkmark (tick) character appear in IE for the page in Wikipedia?

http://en.wikipedia.org/wiki/Tick_%28checkmark%29
Avatar of VirusMinus

ASKER

Hey folks, I can see the tick character in IE in Wikipedia.
How do they do it for IE? if i do a view souce i still see a tick mark no special characters to make the tick
charset=utf-8
ASKER CERTIFIED SOLUTION
Avatar of HackneyCab
HackneyCab
Flag of United Kingdom of Great Britain and Northern Ireland image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Ok i see how Wiki does it.

Do be able to display the tick character correctly. IE needs to explicitly use a font on the client's machine that has unicode support.

The tick character is enclosed in a span like this;

<span class="unicode">&#10004;</span>

The wikipedia css has the following:

.unicode {font-family: Code2000, TITUS Cyberbit Basic, Doulos SIL, Chrysanthi Unicode, Bitstream Cyberbit, Bitstream CyberBase, Thryomanes, Gentium, GentiumAlt, Visual Geez Unicode, Lucida Grande, Arial Unicode MS, Microsoft Sans Serif, Lucida Sans Unicode;}

this has fonts and backup fonts that can render the unicode character.

without that, the default IE font set cannot display the character.
Wow, I only have the last two of those fonts.

But I still don't see the tick in Wikipedia while using IE. I do see it in Firefox.

What's weird is that there's a page online that has Arabic characters, which I can see with Opera and IE, but not with Firefox.

I'd love to know what's going on. It's all pretty confusing.
Have you tried changing your character encoding to see if it shows up in IE?
The encoding is correct (changing the encoding replaces the empty boxes with garbage).

I'm using IE7, what version are you running?