Web9 icon的实现

需求：一个页面有多个icon图标

image实现

设置img大小

img的vertical-align

请求数过多

CSS Sprites

1.用命令行：sprity create build resource/*.png -s style.css

2.用在线工具：http://cn.spritegen.website-performance.org

缺点：1.无法缩放

            2.不好修改

Icon Font

把字体做成图标

1.制作字体文件（所有浏览器兼容）

2.声明font-family （所有浏览器兼容）

1.使用本地链接 （所有浏览器兼容）

        2.使用第三方链接 （所有浏览器兼容）

3.使用font-family （所有浏览器兼容）

1.使用HTML实体 （所有浏览器兼容）

2.使用CSS:before IE支持的不好

CSS Icon 

IE不支持

cssicon.space/

SVG

img src=svg

SVG ”sprites”