将自己的图标上传到iconfont并在项目中使用
第一步:进入iconfont官网,登录自己的账号
进入导航栏「图标管理」->「我的图标」
点击上传按钮:
选择想要上传的svg图标:
点击保留颜色并提交。
第二步:加入购物车并下载
单击选择图标加入购物车:
进入购物车,点击下载代码按钮,本地就会下载一个文件夹:
把需要用的文件复制到项目中,一定要复制iconfont.css:
在页面引入iconfont.css文件,vue脚手架可以直接在main.js引入:
使用:
打开下载的文件夹中的html文件:
使用class方式来饮用:
ok,接下来就可以愉快玩耍了!