如何将Google图标字体添加到伪:之前

Question

我正在使用谷歌的材料设计图标字体.

但是我想把一个fone叠加在另一个上面.我的想法是添加:before或:after元素,并将样式设置为:

.material-icons:before
{
    position:absolute;
    content:"";
    color:@accent-color;
    font-size:2.4rem;
}

但是,我不知道如何把这样的:&#xE84E; 进入内容属性 - 我尝试了很多方法以及在CSS技巧上使用转换器(这似乎不起作用).

任何帮助赞赏.

Answer 1

在CSS中,要指定一个字符,否则您将使用&转义在HTML中指定;例如; ✏,\例如,你必须使用转义content: "\9999".

.material-icons:before {
     position: absolute;
     content: "\E84E";
     color: #882288;
     font-size: 2.4rem;
}

要明确地结束一个转义字符,使用另一个\,例如content: "\E84E\ Hello World";