三種都是矢量圖（即放大不失真），但是個自又有個自的優缺點，
1.font awesome；
優點：相對比較簡單，查看官網看例子基本上都會用 （http://www.bootcss.com/p/font-awesome/）
缺點：文件較大，影響加載速度
注意引用的路徑和版本；
2.inconfont(阿里巴巴矢量圖標庫); （個人用的最多的一個）
優點：用幾個引幾個，不會影響加載速度；
可以用自己做的svg上傳的iconfont自動轉換成字體，更加靈活。
缺點：自己上傳svg再下載，需要會做svg，要有一定的作圖功底；
操作流程繁瑣（自己上傳的或者官網搜索的-------------- 加入購物車-------- 添加至項目（自己建的項目） -------項目文件下載到本地-------引用到代碼中）
3.svg，（個人認為最好轉化為iconfont字體小圖標，）
優點：單個引用，比較靈活；
缺點：svg代碼較長，使頁面看起來丑陋；
qa補充：
自己上傳的icon大小不一，顏色不一？
顏色統一：上傳去除顏色；
大小統一：制作的時候注意下
png 怎么做成的svg ？
1.保存為eps，然后放到ai里頭，保存為svg（ai導出svg）
這種svg貌似不能填充，不怎么好用；
未完待續。。。。。。。。。。。。