在CSS内容中的FontAwesome图标

Question

所以我刚问this question，它运作正常。但是当我想到的时候;如果我尝试将字体图标或字形放入css的内容属性中该怎么办？

这是the fiddle。所以这甚至是可能的，我如何在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';
}