将自己的图标上传到iconfont并在项目中使用

第一步:进入iconfont官网,登录自己的账号

进入导航栏「图标管理」->「我的图标」
怎么将自己的图标上传到iconfont并在项目中使用
点击上传按钮:
怎么将自己的图标上传到iconfont并在项目中使用
选择想要上传的svg图标:
怎么将自己的图标上传到iconfont并在项目中使用
点击保留颜色并提交。

第二步:加入购物车并下载

单击选择图标加入购物车:
怎么将自己的图标上传到iconfont并在项目中使用
进入购物车,点击下载代码按钮,本地就会下载一个文件夹:怎么将自己的图标上传到iconfont并在项目中使用
怎么将自己的图标上传到iconfont并在项目中使用
把需要用的文件复制到项目中,一定要复制iconfont.css:
怎么将自己的图标上传到iconfont并在项目中使用
在页面引入iconfont.css文件,vue脚手架可以直接在main.js引入:
怎么将自己的图标上传到iconfont并在项目中使用
使用:
打开下载的文件夹中的html文件:
怎么将自己的图标上传到iconfont并在项目中使用
使用class方式来饮用:
怎么将自己的图标上传到iconfont并在项目中使用
怎么将自己的图标上传到iconfont并在项目中使用
ok,接下来就可以愉快玩耍了!

相关文章:

  • 2022-02-08
  • 2021-11-19
  • 2022-01-15
  • 2021-04-30
  • 2022-02-10
  • 2021-12-10
  • 2021-09-09
  • 2021-06-04
猜你喜欢
  • 2022-12-23
  • 2021-08-24
  • 2021-10-25
  • 2021-11-29
  • 2022-12-23
  • 2021-08-21
  • 2021-09-03
相关资源
相似解决方案