Как установить свойство содержимого CSS с помощью значка Google Material?

Question

Как я могу вставить "значок права шеврона" Google Материал Icon (https://design.google.com/icons/#ic_chevron_right) следующим содержанием CSS собственности:

.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

Вы можете использовать это для режима РТЛ:

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