材料设计图标字体圆形轮廓问题

Question

当我尝试使用材质设计图标字体时，我在使用带有轮廓的图标时遇到问题（请参阅下面的代码），圆圈轮廓未到来

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

<i class="material-icons">remove circle outline</i>
<i class="material-icons">add circle outline</i>
<i class="material-icons">pause circle outline</i>

请参阅此codepen http://codepen.io/shmdhussain/pen/BKXjjN。

提前感谢您的帮助。

Answer 1

您需要在类名称中使用下划线。

而不是：

<i class="material-icons">remove circle outline</i>

使用：

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