图标字体：显示错误的符号

Question

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

jsFiddle link

与此类似

js trick

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

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

代码在这里：

[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;是代表＆＃34;蛇＆＃34;的unicode。

Source

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

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

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

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