我们需要在内部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的盒子上工作。


当前回答

我也遇到了同样的问题,但这些建议都不起作用(在Windows XP上使用Firefox)。

所以我发现了一个可能的解决方案,使用图像数据显示一个小的复选标记:

span:before {
    content:url("data:image/gif;base64,R0lGODlhCgAKAJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAAKAAoAAAISlG8AeMq5nnsiSlsjzmpzmj0FADs=");
}

当然,您可以创建自己的复选标记图像,并使用转换器将其添加为数据:image/gif。希望这能有所帮助。

其他回答

.className {
   content: '\&#x2713';
}

使用CSS内容属性,您可以显示tick与图像或其他协同设计。

我也遇到了同样的问题,但这些建议都不起作用(在Windows XP上使用Firefox)。

所以我发现了一个可能的解决方案,使用图像数据显示一个小的复选标记:

span:before {
    content:url("data:image/gif;base64,R0lGODlhCgAKAJEAAAAAAP///////wAAACH5BAEAAAIALAAAAAAKAAoAAAISlG8AeMq5nnsiSlsjzmpzmj0FADs=");
}

当然,您可以创建自己的复选标记图像,并使用转换器将其添加为数据:image/gif。希望这能有所帮助。

√(平方根符号,&#8730;)够吗?

或者,确保在将数据发送到浏览器之前设置了Content-Type:头。仅仅指定<meta> content-type标记可能不足以鼓励浏览器使用正确的字符集。

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

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

或者在css中:

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

客户端机器需要一种适当的字体,该字体具有用于显示该字符的字形。但是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。