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

【问题标题】：How do Material Icons set the icon based on the content of the element?Material Icons 如何根据元素的内容设置图标？
【发布时间】：2021-03-27 09:44:44
【问题描述】：

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

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

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

我怀疑它与actual font files 有关，但是当我尝试在 Font Forge 中打开它们时，没有任何加载。

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

【问题讨论】：

标签： html css fonts material-design google-material-icons

【解决方案1】：

一般来说，你会运行：

npm i material-icons

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

【讨论】：