Как использовать веб-шрифты значков Google?

Question

Я следую инструкциям в Google's Material Icons Guide, но по какой-то причине он не работает, когда я тестировал его в JSFiddle. Значок/изображение лица не отображаются.

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" 
     rel="stylesheet"> 
<i class="material-icons md-48">&#xE87C;</i> 

Answer 1

вам просто нужно включить ссылку на шрифт, а затем использовать его:

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

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

работает JSFiddle example