html - 图标字体：显示错误的标志

Question

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

jsFiddle 链接

和这里类似

js技巧

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

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

代码在这里：

[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>

Answer 1

x21dd; 是代表那条“蛇”的 unicode。

资源

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

您需要做的就是在标签中定义一个类，例如

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

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