HTML/XHTML中的标记符号

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

当前回答

although设置浏览器编码为UTF-8

(如果你使用的是数字字符引用，当然使用的是什么编码并不重要，浏览器会直接从数字中获得正确的Unicode码点。)

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

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

我在火狐3、Opera和Safari浏览器上都失败了。奇怪的是，它可以在另一个Webkit浏览器Chrome上运行。在Linux上也失败(显然，因为Wingdings没有安装在那里;它安装在mac上，但如果Safari没有它，这对你没有帮助)。

此外，这是一个相当讨厌的黑客——这个字符在任何意图和目的上都是“ü”，并且会以这种方式出现在搜索引擎上，或者如果文本是复制粘贴的。正确的Unicode码位是正确的选择，除非你真的别无选择。

问题是Windows捆绑的字体中没有U+2713 CHECK MARK('✓')。你在Windows机器上唯一可能找到的是“Arial Unicode MS”，这并不是真正的依赖。所以最后我认为你必须:

使用一个更好支持的不同字符(例如。'●' -子弹，由SO使用)，或使用图像，并将“✓”作为Alt文本。

其他回答

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

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

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

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

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

你可以用“⊕”或“⊗”

although设置浏览器编码为UTF-8

(如果你使用的是数字字符引用，当然使用的是什么编码并不重要，浏览器会直接从数字中获得正确的Unicode码点。)

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

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

问题是Windows捆绑的字体中没有U+2713 CHECK MARK('✓')。你在Windows机器上唯一可能找到的是“Arial Unicode MS”，这并不是真正的依赖。所以最后我认为你必须:

使用一个更好支持的不同字符(例如。'●' -子弹，由SO使用)，或使用图像，并将“✓”作为Alt文本。

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

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

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

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

推荐文章