阿里巴巴矢量图标引入方法

css字体图标引入方法
在网页中将小图标制作成字体是很多网站的常用做法，为的是减少页面请求。

    先推荐一个字体图标库（阿里巴巴矢量图标库）

         https://www.iconfont.cn/ 

一、首先根据项目按需选择好自己需要的图标，添加至入库

二、都选好后，将库中的图标添加至项目中，没有项目可先创建项目，添加在项目里后，将项目下载至本地，解压出来即可

三、最后就可以在代码中引入图标了（字体图标文件里的html文件里可打开查看图标的代码）

       注意：需要在@foot-face中修改url地址，定位到字体图标文件夹中方可引入成功



 

 
 
 
 
 


  &＃xe66b;

 


方式二



 

 
 
 
 



  &＃xe66b;

 


方式三

方式四

方式五