如何使用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';}