图标字体：显示错误的标志答案

【问题标题】：Icon fonts: wrong sign displayed图标字体：显示错误的标志
【发布时间】：2014-10-09 08:54:05
【问题描述】：

我创建了带有图标字体的简单网页。

和这里一样

但我显示了其他图标...蛇而不是条:)。

我的字体有什么问题？感谢您的回答。

代码在这里：

[data-icon]:before {
  font-family: icons; /* BYO icon font, mapped smartly */
  content: attr(data-icon);
  speak: none; /* Not to be trusted, but hey. */
}

<h4><span aria-hidden="true" data-icon="&#x21dd;"></span> Stats</h4>

【问题讨论】：

请在问题本身中发布您的代码。绕过 StackOverflow 的 JSFiddle 链接必须附有代码 警告通过将 JSFiddle 链接包装在代码标签中相当于违反网站规则。
此页面上使用的图标字体是 Lennart Schoors 的 Fico，然后通过 IcoMoon 进行自定义映射。
问题已修复，请将其标记为正确问题。谢谢！

标签： html css icon-fonts

【解决方案1】：

x21dd;是代表“蛇”的 unicode。

Source

尝试使用FontAwesome 图标（我使用@font-face 将它们包含在CSS 中）。

你需要做的就是在标签中定义一个类

<b class="fa fa-chart"></b>

FontAwesome 会自动在该标签内添加图标。
检查这个Fiddle。

【讨论】：

是的，我需要特别准备的字体才能看到“列”。 'Snake' 是默认字体的好兆头。