FontAwesome Icons in css content

Question

Так что я просто спросил this question, и он отлично работает. Но когда я подумал; Что делать, если я пытаюсь помещать значки шрифтов или глифы в свойство содержимого CSS?

Адрес 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'; 
}