阿里图标库引用方法

一 、在我们进行网页布局中会遇到很多需要引用图标的情况，今天给大家分享一种阿里图标的引入方法。

二、使用步骤

1.浏览器搜索阿里图标库进入官网首页 如图所示：

 2.点击素材库 会出现所有图标库、官方图标、多色图标、单色图标库，选择自己想要的类型 

     这里我选择的是所有图标库：

 3.选择自己需要的图标点击购物车添加图标

 

4. 添加完图标后点击页面右上角购物车图标，并新建一个项目名称

 5.建完项目名称后会跳转到本页面，点击本地下载

 6.将下载好的文件解压并引入文件夹下面的iconfont.css文件

 

 7.最关键的来了：

1.注意选项必须是font class

2.点击复制代码然后直接粘贴引用，代码格式：iconfont icon-a-hezuo2（红色为复制的代码）

 

 

 

 8.效果图

 

 今天的分享就到这里了，喜欢的话记得一键三联哦~