Question

使用Materilize Icon有两种方法：

<i class="mdi-ICON-NAME"></i>
<i class="material-icons">ICON_NAME</i>

在官方网站上，我没有找到以这种方式使用字体的指南或图标图表，但有关于如何以这种方式使用图标的指南ICON_NAME here 。

因此，当官方网站没有指导如何以这种方式使用图标时。那么为什么它在样式表（materialize.css）中定义。

另外，如果我需要以这种方式调用图标ICON_NAME，那么我需要链接一个用于字体文件。例如。<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">。因此，我觉得有两种字体会加载到不需要的DOM中，对吗？

我的问题是：如果我需要以这种方式使用图标，我在哪里可以找到图标图表？

Answer 1

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

提问：如果我需要以这种方式使用图标，我在哪里可以找到图标图表

我得到了回答：mdi类型的图标正在逐步淘汰官方google来源，这就是为什么你在文档中找不到旧图表的原因。可以在https://www.google.com/design/icons/

中找到新图标的完整列表

提问：为什么不删除所有mdi图标和定义为谷歌已经提供的新图标的css，不是吗？

我得到了回答：因为这会突然破坏所有用户的实现，所以这种方式可以逐步淘汰，让人们有时间更新他们的图标。

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

Answer 2

您可以在https://www.google.com/design/icons/

找到完整的图标列表

命名是mdi-category-iconname。

一个例子：

<i class="mdi-action-search"></i>

材料图标vs材料设计图标

2 个答案: