阿里巴巴矢量图标如何使用

目录

一、网址

二、登陆

三、按需要搜索查找图标

四、添加购物车

五、打开购物车

六、添加到项目中

七、进入我的项目

八、复制链接

在链接前加前缀 http://

九、在页面文件中引入

十、使用

注意点


一、网址

iconfont-阿里巴巴矢量图标库

二、登陆

选择账号登陆,没有自行注册

三、按需要搜索查找图标

 搜索并选中

四、添加购物车

选中并添加购物车

五、打开购物车

打开购物车

六、添加到项目中


添加到项目

七、进入我的项目


进入我的项目

八、复制链接

在链接前加前缀 http://

九、在页面文件中引入

引入链接

十、使用

注意点

1、链接前面必须带http://

2、使用到时候 class里面必须要加 iconfont的类。

3、后面的跟的代码就是在项目管理中生成的代码。

4、可以完全当成字体用,可以设置font-size 和 color属性。

5、生成代码之后,如果后面又添加图标,就需要重新生成链接,否则无效。

参考:最简单使用阿里巴巴矢量图标库 - 简书 (jianshu.com)

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值