iconfont 图标字体的使用

iconfont 网址:https://www.iconfont.cn/  (可以用github账号登录)

1、可以在【图标管理】--> 【我的项目】内分类管理自己的图标字体

iconfont 图标字体的使用

2、将 svg图标制作成图标字体

 2.1 上传svg图标,点击【保留颜色并提交】按钮
iconfont 图标字体的使用

 2.2 选择【Font class】,然后点击【批量操作】按钮 ,全选或选择多个图标 --> 点击 【批量加入购物车】

iconfont 图标字体的使用

 2.3 点击【购物车】--> 【下载代码】

iconfont 图标字体的使用

3、图标字体的使用

 页面引入下载文件夹内的 iconfont.css,将其余字体文件放在项目的某个目录下

iconfont 图标字体的使用