什么是阿里巴巴矢量图标库

# 一、阿里矢量图标(字体图标)

网址:https://www.iconfont.cn/

#### 1.使用步骤

1.登录阿里矢量图标网站

2.搜索想要的图标且加到购物车

3.点击右上角的购物车

4.选择下载代码,下载完成后解压文件

5.把下载的文件放到你的项目中

6.引入iconfont.css文件或者iconfont.js文件

##### 使用三种方式:下载代码

##### 1、Unicode 方式引用

Unicode 是字体在网页端最原始的应用方式,特点是:

- 兼容性最好,支持 IE6+,及所有现代浏览器。

- 支持按字体的方式去动态调整图标大小,颜色等等。

- 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。

> 注意:新版 iconfont 支持多色图标,这些多色图标在 Unicode 模式下将不能使用,如果有需求建议使用symbol 的引用方式

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值