我们需要在内部web应用程序中显示一个标记符号(✓或✔),理想情况下希望避免使用图像。

必须从XP盒子上的IE 6.0.2900开始工作,理想情况下我们需要它是跨浏览器的(IE + FF的最新版本)。

下面将显示方框,尽管将浏览器编码设置为UTF-8 (META工作得很好,不是问题)。默认字体是Times New Roman(可能是一个问题,但尝试Lucida Sans Unicode没有帮助,我既没有安装Arial Unicode MS,也没有安装Lucida Grande)。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
 &#10003; &#10004;
</body>
</html>

感谢任何帮助。


在ie6.0和ie7下的工作如下:

<html>
<head>

</head>
<body>
 <span style="font-family: wingdings; font-size: 200%;">&#252;</span>
</body>
</html>

如果有人能在Windows下查看FF,我会很感激。我很确定它不会在非Windows的盒子上工作。


当前回答

使用WebDing或WingDing字体是实现本主题目标的唯一方法:它必须从IE 6.0.2900开始工作。因此,我将在这里发布一些,以及对上面发布的一些更正:

Cross <span style="font-family: Wingdings;">&#251;</span><br> Check <span style="font-family: Wingdings;">&#252;</span><br> Crossed Checkbox <span style="font-family: Wingdings;">&#253;</span><br> Checked Checkbox <span style="font-family: Wingdings;">&#254;</span><br> Empty Checkbox <span style="font-family: Wingdings;">&#168;</span><br> Thick Check <span style="font-family: Webdings;">&#97;</span><br> Friendly asked in comments <div style="display: inline; font-family: Wingdings; font-size: 15px; background-color: lightblue; border: 2px solid black; padding: 1px 4px 0 2px;">&#252;</div>

参考这里: 闹酒狂欢 webdings

其他回答

我通常使用fontawesome字体(http://fontawesome.io/icon/check/),你可以在html文件中使用它:

 <i class="fa fa-check"></i>

或者在css中:

content: "\f00c";
font-family: FontAwesome;

我认为您使用了不太受支持的Unicode值,这些值并不总是为所有代码点提供字形。 试试下面的字符:

(0x2610, Unicode十六进制[HTML十进制:&#9744;]):空(未选中)复选框 ☑(0x2611 [HTML十进制:&#9745;]):前一个复选框的选中版本 ✓(0x2713 [HTML十进制数:&#10003;]) ✔(0x2714 [HTML十进制数:&#10004;])

编辑:似乎有一些困惑关于第一个符号,☐x2610 / 0。这是一个空的(未选中的)复选框,所以如果你看到一个框,这就是它应该看起来的样子。它是☑/ 0x2611的对应版本,后者是检查过的版本。

我很晚才来参加聚会,发现&check;在歌剧院工作。我还没有在其他浏览器上测试它,但它可能对一些人有用。

客户端机器需要一种适当的字体,该字体具有用于显示该字符的字形。但是Times New Roman没有。试试Arial Unicode MS或Lucida Grande吧:

<span style="font-family: Arial Unicode MS, Lucida Grande">
    &#10003; &#10004;
</span>

这适用于我的Windows XP在IE 5.5, IE 6.0, FF 3.0.6。

为什么不在只读模式下使用HTML输入复选框元素呢

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

我认为这在所有浏览器上都可以工作。