[Webinar] Streamline your web hosting managementRegister Today

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 13229
  • Last Modified:

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?
0
VirusMinus
Asked:
VirusMinus
  • 5
  • 4
  • 2
  • +1
1 Solution
 
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
 
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
Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

 
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
 
HackneyCabCommented:
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
 
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

Featured Post

[Webinar] Improve your customer journey

A positive customer journey is important in attracting and retaining business. To improve this experience, you can use Google Maps APIs to increase checkout conversions, boost user engagement, and optimize order fulfillment. Learn how in this webinar presented by Dito.

  • 5
  • 4
  • 2
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now