如何使用谷歌图标网页字体?

时间:2016-03-15 15:26:27

标签: css3 google-webfonts

我按照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>

1 个答案:

答案 0 :(得分:1)

您只需要包含该字体的链接,然后使用它:

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

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

工作JSFiddle example