阿里巴巴图标iconfont使用方法

图标库有许多，例如： Font Awesome ， bootstrap 等，阿里巴巴也提供了很壮大的免费图标库：iconfont，下面就来介绍一下免费的使用方法。

1、登录阿里巴巴矢量图标库关键词排名优化，网址：https://www.esmo.cn/iconfont7843/

2、登录账户（可以用微博、GitHub账号直接登录）

3、搜索本身必要的图标网站排名，例如：手机，不得不说，图标特别很是之多！（下面表现的只是部分内容）

4、选取本身必要的图标，添加入库

5、搜索并添加本身必要的其他图标入库，例如我添加了着一些

6、引用阿里图标库的方法有三种，分别是：调用阿里cdn长途引入，下载图标引入图标文件（支撑PNG和SVG和AI格式图片下载），下载图片字体文件自行引入（下载下来的压缩包中有演示文档及使用说明）

7、对于阿里图标库中不存在的图标或者说，你没有搜到这款图标，但是你在别的图标库中下载到了这款图标的话，你还可以将该图标上传到你的项目里面去，如许，你就可以通过阿里图标库来调用这款图标了。

以阿里CDN引入为例：

每个图标必要引入时，只必要先引入阿里云提供的cdn，然后在必要添加图标的地方添加如下代码就可以了：

<i class="iconfont 这里是图标代码"></i>