css 内容中的 FontAwesome 图标

Question

所以我刚刚问了this question，它工作正常。但当我想；如果我尝试将 font-icons 或 glyphs 放入 css 的 content 属性会怎样？

这里是the fiddle。那么这是否可能，我如何获得一个字体很棒的图标来呈现在 css 的内容属性中？

.item a p.new-label span{
  position: relative;
  content: 'NEW'
}
.item:hover a p.new-label span{
  display: none;
}
.item:hover a p.new-label:after{
  content: '\f014';
}

提前感谢您的帮助。

Answer 1

您只需在 .item:hover 中设置字体系列即可。

http://jsfiddle.net/bhlaird/JfGVE/13/

.item:hover a p.new-label:after {
    font-family:FontAwesome;
    content:'\f014';
}