## svg方案
我們并沒有選擇ICON FONT方案,我們認為SVG方案更適合移動端組件庫:
SVG雖在PC端個別古董瀏覽器中兼容較差,但在移動端兼容良好
ICON FONT被認為是文本,所以一些瀏覽器會對其進行抗鋸齒處理,這可能導致圖標不那么銳利,清晰度打折扣
SVG樣式控制比ICON FONT更靈活,甚至可以控制圖標各個部分的顏色,實現彩色圖標。而這對ICON FONT來說是不可能實現的
ICON FONT通常是用偽對象或偽類插入頁面,其展示受到“line-height”、“vertical-align”、“letter-spacing”、“word-spacing”及字體相關CSS屬性影響,也受到字體字符設計本身影響。而SVG在頁面中就是一個標簽,更方便控制,語義化也更好
結合symbol元素可以實現所謂“SVG Sprite”,也就是把很多SVG圖標整合在一起,通過ID引用指定圖標,可以復用。這種方式比CSS Sprite還要方便,因為不需要關心圖標具體位置信息

SVG Sprite也不是必須手動去組合,借助webpack的 svg-sprite-loader 可以輕松實現SVG Sprite的動態生成,圖標的按需加載不是夢。
好了,限于篇幅,這次先聊這么多,更多內容請關注我們團隊的公眾賬號“全棧探索”。