如何将icomoon图标应用到网页中?

1.打开网站
icomoon网站
如何将icomoon图标应用到网页中?

2.点击IcoMoon App
如何将icomoon图标应用到网页中?
3.点击选择所需图标
如何将icomoon图标应用到网页中?
4.选择底部generate font按钮
如何将icomoon图标应用到网页中?
5.点击下载
如何将icomoon图标应用到网页中?
6.解压
如何将icomoon图标应用到网页中?
7.打开文件夹,将fonts中的文件拷贝到自己的项目的fonts文件夹中
如何将icomoon图标应用到网页中?
如何将icomoon图标应用到网页中?
如何将icomoon图标应用到网页中?
8.打开文件夹中的style.css文件,拷贝以下代码到自己项目的css文件中
如何将icomoon图标应用到网页中?
9.在需要使用图标的地方添加i标签
如何将icomoon图标应用到网页中?
10.打开文件夹中demo.html文件,复制所需要图标到上面的i标签中,没有任何现象,但是真的复制进去了
如何将icomoon图标应用到网页中?
11.打开项目中的css文件,给该i标签书写样式
如何将icomoon图标应用到网页中?
12.刷新网页成功
如何将icomoon图标应用到网页中?
【网页小白,涉世未深,如有错误,还望指正】