html - css 内容中的 FontAwesome 图标

Question

所以我只是问了这个问题，它工作正常。但当我想；如果我尝试将字体图标或字形放入 css 的内容属性会怎样？

这是小提琴。那么这甚至可能吗，我如何获得一个字体很棒的图标来呈现在 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 中设置 font-family 就可以了。

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

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