CSSA 콘텐츠의 FontAwesome 아이콘

Question

그래서 방금 this question을 물었습니다. 제대로 작동합니다. 그러나 내가 생각했을 때; CSS의 content 속성에 글꼴 아이콘이나 그림 문자를 넣으려고하면 어떻게 될까요?

여기에 the fiddle입니다. 그래서 이것은 심지어 가능합니다, 나는 CSS의 content 속성에서 폰트 다운 아이콘을 렌더링 할 수 있습니까?

.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'; 
}