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的动态生成，图标的按需加载不是梦。
扩展阅读
NutUI组件库 - https://nutui.jd.com
webpack output.libraryTarget - https://webpack.js.org/configuration/output/#output-librarytarget
umd - https://github.com/umdjs/umd
总结
以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，如果有疑问大家可以留言交流，谢谢大家对脚本之家的支持。
您可能感兴趣的文章: