最简易的iconfont的使用方法

先贴上阿里巴巴矢量图标的地址: http://www.iconfont.cn/
具体使用步骤:
1、登录网站
 
2、寻找适合的图标加入购物车:加入购物车的图标会被虚线选中
                      
 
3、点击页面右上角的购物车图标,可以看到刚刚加入购物车的图标信息,然后点击“添加至项目”,从项目列表中选择项目或是新建项目
 
 
4、有两种使用方法,一种是在线使用,一种是下载后使用,建议在项目开始时在线使用便于后续图标的添加和修改,等项目完成时,下载后使用
(1)在线使用图标可库:
复制链接并打开,将页面中的代码复制到项目中css中即可使用
 
(2)下载使用
点击“下载至本地”,将iconfont.tff文件引入项目,将iconfont.css复制到项目css中,将src改为iconfont.tff所在的路径
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值