材质图标如何根据元素的内容设置图标



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

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

我一直在浏览Material Icons repo,试图了解图标是如何由HTML内容决定的,但我一生都无法弄清楚。

我怀疑这与实际的字体文件有关,但当我尝试在font Forge中打开它们时,没有加载任何内容。

编辑:我了解如何使用材质图标本身,但我正在尝试了解如何使用自己的图标字体重新创建此功能。

一般来说,您会运行:

npm i material-icons

这样它们就会存在于你的项目中(看看你的package.json文件!(。因此,当您指定某个图标(如accessibility_new(时,您只是在引用项目文件夹中的库。这能回答你的问题吗?

最新更新