经过测试得出以下成功步骤:
1.在官网创建项目,添加自己的图标,下载到本地(后面有新的图标可以直接下载文件进行覆盖即可)
2.在网页中引入iconfont.css(起作用的实际上是@face文件)
3.最简洁的引入方式Unicode编码方式
4.书写格式:
<span class="iconfont"></span>
<span class="iconfont"></span>
5.可以在style中定义图标的各种样式
(VUE项目中引入方式换成import "iconfont.css"即可)