材料图标与材料设计图标

Sye*_*yed 3 css3 materialize

有两种使用Materilize Icon的方法:

<i class="mdi-ICON-NAME"></i>
<i class="material-icons">ICON_NAME</i>
Run Code Online (Sandbox Code Playgroud)

在官方网站我没有发现指南或图标图表以这种方式使用的字体<i class="mdi-ICON-NAME"></i>,但有指导如何以这种方式使用的图标<i class="material-icons">ICON_NAME</i> 在这里

因此,当官方站点上没有有关如何以这种方式使用图标的指南时<i class="mdi-ICON-NAME"></i>。然后为什么要在整个样式表中定义它(materialize.css)。

另外,如果我需要以这种方式调用图标,<i class="material-icons">ICON_NAME</i>那么我需要为字体文件链接一个图标。例如。<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">。因此,我觉得不需要将2种字体加载到DOM中,对吗?

我的问题是:如果需要以这种方式使用图标,在哪里可以找到图标图表<i class="mdi-ICON-NAME"></i>

Sye*_*yed 5

我得到了Materialize团队的答复:https : //github.com/Dogfalo/materialize/issues/1824#issuecomment-125949178

问题:如果我需要以这种方式使用图标,在哪里可以找到图标图表 <i class="mdi-ICON-NAME"></i>

我得到了答案:mdi谷歌的官方来源正在逐步淘汰类型图标,这就是为什么您在文档中找不到旧图表的原因。有关新图标的完整列表,请访问https://www.google.com/design/icons/

问题:为什么不删除所有已mdi定义为Google已经提供的新图标的图标和CSS,不是吗?

我得到了答案:因为这会突然中断所有用户的实现,所以可以逐步淘汰它,从而使人们有时间更新其图标。

如果您确实需要检查旧的实现,则可以浏览https://github.com/Dogfalo/materialize/blob/master/icons.html中的提交历史记录,并查看添加Google图标之前的版本。