时间戳

首页 > 解决方案 > Material Icons 如何根据元素的内容设置图标？

html - Material Icons 如何根据元素的内容设置图标？

问题描述

具有以下结构的图标如何工作？

<span class="material-icons">
   accessibility_new
</span>

我一直在探索Material Icons repo，试图了解图标是如何由 HTML 的内容决定的，但我终其一生都无法弄清楚。

我怀疑它与实际的字体文件有关，但是当我尝试在 Font Forge 中打开它们时，什么都没有加载。

编辑：我了解如何使用 Material Icons 本身，但我试图了解如何使用我自己的图标字体重新创建此功能。

标签： htmlcssfontsmaterial-designgoogle-material-icons

解决方案

一般来说，你会运行：

npm i material-icons

所以他们会住在你的项目中（看看你的 package.json 文件！）。因此，当您指定某个图标（如accessibility_new）时，您只是在引用项目文件夹中的库。这回答了你的问题了吗？

推荐阅读