Vue.js使用iconfont

1.需要一个iconfont的账户,自行注册,然后新建项目

 

2. 项目名称随便取,最好是见名知意,然后注意填写前缀,font-family(注意最好是英文哦,我是取的项目名),协助者可以是你的项目成员,让其注册即可查到,添加进去即可

3. 找到你项目即可

4. 去搜索框根据你的项目需要去找你需要的图标

5. 选择你要使用的图标,然后加入购物车

6. 添加项目

7. 选择font-class,然后点击警告标识即可

8. 引入到项目中,找到App.vue,引入上面的css那行代码即可

9. 直接使用即可,使用方式是项目信息里面的前缀 + 你的图标的代码

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值