vue项目引入iconfont

本文介绍了在Vue项目中引入和使用Iconfont的过程,包括遇到的困难和解决方案。通过在线引用Font class方式实现新旧图标的共存,无需合并库文件。
摘要由CSDN通过智能技术生成

前言

第一个前端的任务就把我难住了,花了1天了解完毕,所以做一个记录。

开发时遇到的困难

不知道如何在一个vue项目里使用不同的图标项目

解决方案

在思考了若干的合并库的操作后,发现采用Font class方式并且在线引用可以达到我的目的

寻找合适的样式

在登录到iconfont官网后,可以通过搜索功能找到自身想要的样式:

找到自身想要的样式后添加到购物车(或者直接下载,但是我没有采用这个办法)

在这里插入图片描述
然后将购物车内的图表添加到项目:

如果没有项目需要就需要自己创建一个
在这里插入图片描述
如果想要本地引用那就选择下载:
关于生成文件的方式

评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值