1、进入iconfont官网
进入iconfont官网,选择需要的字体图标,加入购物车,点击购物车添加至项目,选择Font class点击查看在线链接, 复制该链接粘贴浏览器得到代码
2、引入iconfont
在项目里新建一个icon font文件夹,再新建一个css文件,将复制的代码粘贴进去,在需要使用字体图标的页面里进入该文件
引入
<style>
@import '../assets/style/iconfont.css';
</style>
3、使用iconfont
在标签上加一个class属性,iconfont类名必需要加,后面加的类名就是所需要的字体图标对应的类名
代码片
<i class="iconfont icon-camera"></i>