高清ICON SVG解决方案（下）

在上一篇文章中，我们讲述了字体渲染机制和导致iconfont出现锯齿的原因，以及如何才能出绘制高质量SVGICON，并且提供了一套AI模版供大家参考使用。下文将讲诉前端侧我们如何用SVG来做成高清IOCN，并且良好支持PC下的各个浏览器，并兼容IE6+以上的浏览器。

上期回顾：《高清ICON  SVG解决方案（上）》

从上一篇文章中我们得知SVG做的图标在IE9+的浏览器渲染效果相当的差，所以在IE下我们我们不使用SVGICON，我们可以将SVG转成一倍的png图片来进行替代。首先来简单的普及一下SVGICON的几个使用方法：

第一种Inline SVG

这种方法就是直接把SVG标签写入到HTML中去，直接通过修改fill和stroke属性来控制填充颜色和边框颜色，但是缺点就是维护性不好，如果一个页面Icon特别多，可能要写好几十个SVG在页面，复用性差，后期扩展性也不佳。