html - Material 设计图标字体带有圆圈轮廓的问题

当我尝试使用Material Design图标字体时，当我使用带有轮廓的图标时遇到问题（请参见下面的代码），圆轮廓不会出现

<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>

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

在此先感谢您的帮助。

最佳答案

您需要使用下划线作为类名。

代替：

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

采用：

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

关于html - Material 设计图标字体带有圆圈轮廓的问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37372188/