1. iconfont採坑

1.1. 前言

1. 使用iconfont過程中踩過坑特此記錄
2. 不知道iconfont的這裡也簡單介紹一筆，阿裡開放的一個圖標素材庫，用來快速找圖標下載使用圖標
3. iconfont網址

1.2. 所謂單色

1. iconfont中有些圖標，看著是單色的，也就是整體單色，中間有些白，但是白色和無色還是有區別的啊，當我拿了一個藍白相間的圖標過去賦值個顏色,這個圖片就整個一塊同色區，所以選圖標的時候要看仔細了，編輯下是否中間是白色的
   

1.3. iconfont的三種使用模式

1.3.1. unicode

1. 最原始的使用方式，也是最通用的，支持範圍最廣，但只支持單色

1.3.2. font class

1. 相容性較好，語義明確，書寫更簡單，但其也只支持單色的，它和unicode的區別很大程度就是寫法不一樣點，更多時候就用font class

1.3.3. symbol

1. 全新的一種方式，介紹說是未來趨勢，畢竟它支持多色圖標，但是它的相容性較差，這也是比較容易遇到的坑點

1.3.4. 我遇到的相關坑

1. 前兩種方式引入的圖片哪怕找來是彩色的引入預設會是黑白色的，所以你找的圖標如果本身是彩色的或是除黑白以外的其它單色，那要小心了，可能就會遇到裡面輪廓是填充色，那麼一旦你給它的顏色，那就是一坨xx在那裡了；
2. 解決辦法最簡單的就是，如果你要放的圖片本身就是單色的，那就去圖標庫找黑白圖標，那種圖標本身設計就會是鏤空的，給個顏色後就像寫字一樣一筆一划顏色就出來了
3. 如果你本身要找彩色的圖標，那麼我是不建議用symbol的，或許以後成熟的可以用，但現在你用了這個，在瀏覽器里看可能是沒問題的，但如果是寫小程式，寫app啥的，那就說不定了。我就在寫小程式的時候試了symbol，報錯不能進行下去了，還是回滾變成了引入圖片

1.4. 總結

1. 總的來說，我的總結就是遇到需要單色圖標的時候用font class，複雜顏色的圖標只能控制大小直接引入圖片了，當然你也可以試試在你編寫的環境能不能用symbol，踩踩坑小ks