Tick symbol in HTML/XHTML

Total Post:101

Points:709
HTML5 
 2240  View(s)
Ratings:
Rate this:

We need to display a tick symbol ( or ) within an internal web app and would ideally like to avoid using an image.

Has to work starting with IE 6.0.2900 on a XP box, ideally we need it be cross-browser (IE + recent versions of FF).

The following displays boxes although sets browser encoding to UTF-8 (META works nicely and not the issue). The default font is Times New Roman (might be an issue, but trying Lucida Sans Unicode doesn't help and I don't have neither Arial Unicode MS, nor Lucida Grande installed).

<html>            
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
 &#10003; &#10004;
</body>
</html>
Any help appreciated.
The following works under IE 6.0 and IE 7:
<html>
<head>
</head>
<body>
 <span style="font-family: wingdings; font-size: 200%;">&#252;</span>
</body>
</html>

I would appreciate if someone could check under FF on Windows. I am pretty sure it won't work on a non Windows box.

  1. Post:378

    Points:2694
    Re: Tick symbol in HTML/XHTML

    Hi Pravesh,

    Why don't you use the HTML input checkbox element in read only mode

    <input type="checkbox"disabled="disabled" /> and
    <input type="checkbox" checked="checked" disabled="disabled" />

    I assume this will work on all browsers.

      Modified On Mar-31-2018 01:58:54 AM

Answer

NEWSLETTER

Enter your email address here always to be updated. We promise not to spam!