如何引用阿里巴巴家的圖標做自己的項目？
登錄賬號,選擇圖標建成項目就略過了.
步驟1：
搜索具體需要的圖標,選擇加入項目
步驟2：
有三種方式,我選用Symbol方式,獲得在線鏈接.
步驟3：
將在線鏈接放入html文件.
因爲Symbol方式獲得的是js文件,因此使用script標籤.默認的是沒有http的,我們要自己添加.
<script type="text/javascript"
src="http://at.alicdn.com/t/font_xxx.js"></script>
步驟4：
插入樣式語句,在開始時只引用一次就夠了,通用
<style type="text/css">
.icon {
width: 1em; height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
步驟5:
在需要的地方插入html語句
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xxx"></use>
</svg>
步驟6:
獲得對應圖標名稱
選中對應圖標,選擇複製代碼.
將這個複製的代碼(其實就是個名字),替換掉步驟5的 icon-xxx.
步驟7:
打開瀏覽器驗證效果.
現象：iconfont安裝後的圖標，是通過symbol引用方式，有的圖標不能通過color修改顏色的解決辦法，有的又可以。
<svg class="icon" aria-hidden="true" style="color:red;">
<use xlink:href="#icon-PDF"></use>
</svg>
產生原因：當從阿里圖庫中圖標被添加至項目，如果編輯過項目圖標的顏色或者圖標本身是有顏色的，那麼在通過symbol獲取圖標時會在svg的path中增加fill屬性，導致無法更改顏色，如果需要動態修改顏色，需要從新添加該圖標(本身圖標無色)，獲取在symbol的js文件中程序刪除fill屬性。
解決辦法：
==1. 下載Js文件後，用Notepad++打開，然後用正則表達式查找：fill="#......" ，替換去除即可
==2. iconfont.cn上，全選項目中的文件，應用批量操作-->批量去色==