iconfront優化項目圖標

爲何要使用圖標字體

使用這項技術總得有使用它的理由！那麼，咱們來分析下iconfront的優缺點，看是否是適合正在開發的項目。

優勢

一、優化項目工做流程

對於web前端項目中的圖標，不少狀況下是使用的png圖片，但若是圖標顏色要修改，就會要UI修改png圖片；這時，咱們的iconfront就發揮做用了，由於它是字體，因此能夠像字體同樣修改顏色（如:"color:#333"）;這樣無疑能夠下降部分工做量。

二、優化項目性能

字體的加載速度快於圖片，就算圖片通過合併。

三、永不失真

由於PNG圖片是位圖，若是尺寸不合適，就會失真（跟打馬賽克差很少）；而字體再怎麼方大縮小也不會。

缺點

一、提升對UI的要求

UI對界面的設計每每是一個PS就能搞定，而若是使用圖標字體（iconfront），就須要設計對應的svg矢量圖，PS就沒法作到，目前主要是用AI（Adobe Illustrator），這就提升了對UI的要求

如何簡單愉快地使用圖標字體