需求说明:
在原有项目中,偶尔新增图标的引入,最简便的办法;
第一步:查找图标
官网iconfont:https://www.iconfont.cn
搜索找到想要的图标,如搜索wages,将选中的所有图标添加到购物车中,如:
第二步:引入@font-face
第三步:引入class样式
先将图标的代码下载到本地,然后打开文件中的iconfont.css,找到以.icon开头的样式,将其添加到原有iconfont.css中,相关步骤如图所示:
第四步:使用图标
在标签的classs属性中输入:“iconfont icon-wages”;