Google 소재 아이콘을 사용하여 CSS 콘텐츠 속성을 설정하는 방법은 무엇입니까?

Question

어떻게 다음 CSS의 콘텐츠 속성에 구글 재료 아이콘 "갈매기 아이콘 오른쪽"(https://design.google.com/icons/#ic_chevron_right)를 삽입 할 수 있습니다

.bullet li a:before { 
    content: ""; 
} 

Answer 1

1 단계를 참조 할 수 있습니다 : 재질 아이콘 스타일 시트를 포함합니다.

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

2 단계 :

CSS 코드 :

.bullet li a:before { 
    font-family: "Material Icons"; 
    content: "\e5cc"; 
} 

설명 : 값 e5cc은 갈매기에 대한 참조 코드입니다.

Answer 2

이보십시오.

.bullet li a:before { 
    font-family: FontAwesome; 
    content: "\f054"; 
} 

당신은 here for content values

Answer 3

당신은 RTL 모드 이것을 사용할 수 있습니다 :

.bullet li a:before {content: '\E5CB';}