как использовать значки в Google качестве как класс вместо <i> тег

Question

В соответствии с директивой в Google Material website мы должны использовать значки материалов в _ i _ тег.

вопрос в том, как добавить значки в качестве шрифта-удивительного. что-то вроде:

Class="material-icons face"

вместо

<i class="material-icons"> face </i>

Answer 1

Да, вы можете добавить материал иконки в виде классов, используя после псевдо elements.check вне fiddle

<span class="material-icons face"></span> 

.face { 
    position:relative; 
    display:inline-block; 
} 

.face:after { 
    content: "face"; 
}