如何从icomoon引入及使用字体图标

如何引入字体图标？

从网上下载字体图标： 进入该网站：https://icomoon.io/

点进去之后，在其中选择你想要的图标，如果觉得不够用的话，可以点击左下角选择生成更多的图标

选择好图标后：

下载好之后，需要注意了，注意如何操作来在html文件中引入字体图标：

（假如你想引入图标的html文件叫k）

1. 把下载包中的fonts文件夹放入k所在的根目录中
2. 把下载包中的style.css文件中@font-face的内容复制到k的style标签中

1. 在下载包中的demo.html中找到对应图标后面的小方框（如下图），复制到k想要放的标签比如span

1. 最后在k的style中为该span标签添加font-family属性，与@font-face中的一样，一般为‘icomoon’，这样你就可以得到想要的字体图标啦 而且你还可以修改图标的颜色、大小等属性，如图~

如何追加字体图标？

在这个页面点击左上角的import icons

然后选择你之前下载好的压缩包中的selection.json

之后就可以继续在页面中选择你想要添加的字体图标，选择好之后，还是按照之前的步骤，下载完成就可以了，这样，你就又拥有一个包括之前以及现在追加的所有字体图标库了~