如何在 materializecss 中使用自己的 material 设计图标？

Question

我需要知道如何在自定义中添加自己的 mdi 图标 类。提供的mdi 类 不符合我的期望。

我如何添加这些并像默认的一样使用它们

<i class="mdi-image-facebook"></i>
<i class="mdi-image-linkedin"></i>

提前致谢

Answer 1

嗯，这是本网站提供的替代解决方案。它包括大量图标，例如社交按钮。

http://materialdesignicons.com/getting-started

您只需添加此 css link 即可获取图标并将它们添加为 类

<link href="css/materialdesignicons.min.css" media="all" rel="stylesheet" type="text/css" />

和

<i class="mdi mdi-facebook-box"></i>  <!-- facebook box -->

Answer 2

只需包含此样式表：

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

您现在可以使用 materializecss 的图标标签。下面的示例:)

<a class="waves-effect waves-light btn"><i class="material-icons right">cloud</i>button</a>

欲了解更多信息，请访问：http://materializecss.com/icons.html