首页 > 编程知识 正文

iconfont图标代码,icon制作教程

时间:2023-05-06 20:26:29 阅读:36477 作者:3168

1、登录iconfont官网: https://www.icon font.cn/collections/index

2、选择自己需要的icon,放入购物车

3、在右上角点击刚进入购物车的icon

3、无论是直接点击下载代码,还是添加到项目后再下载代码都是一样的。

4、解压缩下载的代码,得到以下文件

将iconfont.css、iconfont.eot、iconfont.js、iconfont.json、iconfont.svg、iconfont.ttf和iconfont.woff转换为vue的静态状态

导入import ' @/assets/icon font/iconfont.CSS '时只需导入icon font.CSS即可

5、构建过程中使用

iclass=' iconfonticon-MD-settings '/iclass需要iconfont,icon-MD-settings是刚才选择的图标的类名

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。