Materialisecss图标不起作用？

Question

我正在使用materializecss.但我不能让图标工作它说的话,但没有显示图标？

我包括了materializecss和js但仍然没有工作......

有人知道怎么修这个东西吗？

Answer 1

你必须在这个链接中包含图标:

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

把它放在你脑海中的某个地方它会起作用!

Answer 2

您可以执行以下步骤来渲染图标 -

在您的 html 页面中添加此链接 - <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
打开浏览器，您将看到该图标已呈现。但我们不希望使用 googleapis 呈现图标。
打开控制台，进入google apis的src，打开css文件，把整个css复制进去，把css添加到css文件或者materialize.min.css中。
你会在刚才复制的css中看到字体url，在浏览器中打开那个url，woff2格式的文件就会下载下来。
现在只需将文件复制到字体文件夹中，并将 css 文件中字体的 src 更改为指向该文件。
删除您在步骤 -1 中包含的链接。

刷新页面，您将看到该图标已呈现。

谢谢

只是把我所做的一切都给其他人参考：转到链接 [Material+Icons](https://fonts.googleapis.com/icon?family=Material+Icons) 复制整个内容并另存为 css 文件。即。*materializeicons.css* 然后更新字体文件位置。`src: url('../fonts/materializecss.woff2') 格式('woff2');`。确保在 ../fonts/ 文件夹中有字体文件。即下载 [woff2 字体](https://fonts.gstatic.com/s/materialicons/v41/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) 到字体文件夹。url 应基于您存储字体文件的位置。 (2认同)