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?
LVL 30
VirusMinusAsked:
Who is Participating?
 
HackneyCabConnect With a Mentor Commented:
Yes, the Wikipedia page simply uses unicode characters, not entities.

I wonder why you can see those characters in Internet Explorer 7, but others cannot. It can't be an encoding problem, otherwise no one should see them correctly.

Why does it always seem to be IE that gives webmasters trouble?
0
 
HackneyCabCommented:
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?
0
 
ozoCommented:
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.
0
Get 10% Off Your First Squarespace Website

Ready to showcase your work, publish content or promote your business online? With Squarespace’s award-winning templates and 24/7 customer service, getting started is simple. Head to Squarespace.com and use offer code ‘EXPERTS’ to get 10% off your first purchase.

 
HackneyCabCommented:
ozo, do you see the checkmark (tick) character appear in IE for the page in Wikipedia?

http://en.wikipedia.org/wiki/Tick_%28checkmark%29
0
 
VirusMinusAuthor Commented:
Hey folks, I can see the tick character in IE in Wikipedia.
0
 
VirusMinusAuthor Commented:
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
0
 
ozoCommented:
charset=utf-8
0
 
VirusMinusAuthor Commented:
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.
0
 
HackneyCabCommented:
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.
0
 
VirusMinusAuthor Commented:
Have you tried changing your character encoding to see if it shows up in IE?
0
 
HackneyCabCommented:
The encoding is correct (changing the encoding replaces the empty boxes with garbage).

I'm using IE7, what version are you running?
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.