## 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的动态生成，图标的按需加载不是梦。 好了，限于篇幅，这次先聊这么多，更多内容请关注我们团队的公众账号“全栈探索”。