阿里巴巴圖標iconfont使用方法

圖標庫有許多，例如： Font Awesome ， bootstrap 等，阿里巴巴也提供了很壯大的免費圖標庫：iconfont，下面就來介紹一下免費的使用方法。

1、登錄阿里巴巴矢量圖標庫關鍵詞排名優化，網址：https://www.esmo.cn/iconfont7843/

2、登錄賬戶（可以用微博、GitHub賬號直接登錄）

3、搜索本身必要的圖標網站排名，例如：手機，不得不說，圖標特別很是之多�。ㄏ旅姹憩F的只是部分內容）

4、選取本身必要的圖標，添加入庫

5、搜索并添加本身必要的其他圖標入庫，例如我添加了著一些

6、引用阿里圖標庫的方法有三種，分別是：調用阿里cdn長途引入，下載圖標引入圖標文件（支撐PNG和SVG和AI格式圖片下載），下載圖片字體文件自行引入（下載下來的壓縮包中有演示文檔及使用說明）

7、對于阿里圖標庫中不存在的圖標或者說，你沒有搜到這款圖標，但是你在別的圖標庫中下載到了這款圖標的話，你還可以將該圖標上傳到你的項目里面去，如許，你就可以通過阿里圖標庫來調用這款圖標了。

以阿里CDN引入為例：

每個圖標必要引入時，只必要先引入阿里云提供的cdn，然后在必要添加圖標的地方添加如下代碼就可以了：

<i class="iconfont 這里是圖標代碼"></i>