在CSS内容中的FontAwesome图标

Question

所以我刚问了这个问题,它运作正常.但是当我想到的时候; 如果我尝试将字体图标或字形放入css的内容属性怎么办？

这是小提琴.所以这甚至是可能的,我如何在css的内容属性中获得一个fontawesome图标？

.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中设置font-family:hover就可以了.

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

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