阿里字体图标(iconfont)使用

5 篇文章 2 订阅

1.进入阿里矢量图标库(www.iconfont.com)

2.登录,登录后进入图标管理----我的项目

3.新建项目,输入项目名,项目描述

4.进入图标库---官方图标库,将项目中所需的图标一起添加入库(购物车),最后添加至所建的项目(如:travel项目)

5.进入我的项目,点击下载至本地

6.下载完成时,在下载的压缩包解压,里面的.js文件和.html文件可丢弃,只需要iconfont.css文件和字体文件(如下图。红色圈住的文件可丢弃)

7.在项目文件夹src目录下新建assets文件夹,再文件夹assets目录下新建文件夹iconfont,将iconfont.css文件放在assets文件夹目录下,文字文件放在iconfont文件夹里(如下图)

 

8.修改iconfont.css里面的路径(如图)

9.在项目中引入iconfont.css文件,并使用,&#xe627这个是去阿里图标我的项目中移到自己需要的图标,然后点击复制代码(如图);

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值