iconfont 字体文件的自定义引用
2020-09-19 本文已影响0人
有一个程序媛
登录网址https://www.iconfont.cn/
该官方网站中有很多优秀设计师自己设计的优秀icon,他们上传到iconfont官网中,供所有前端UI借鉴参考和引用
1.官方图标库搜索你想要的icon,点击加入购物车
2.购物车中会积攒登录用户所有的icon集合
3.针对所有的icon都可添加至项目(可用现有的也可新建)

4.加完之后项目中会多了icon

此处会有红色字体显示有icon集成,点击生成代码,生成遗传css地址代码,将此代码新开浏览器页签复制-enter,会出现图代码这张图片显示,将此代码复制到新建icon.scss中,在项目main.js中引入,即可连接线上在线iconfont图标

