Icon

浏览器中 icon 的使用

1.现代浏览器使用 SVG

资源：https://icomoon.io/app/

http://www.iconfont.cn/

原理：使用 @font-face 调用了eot、svg、ttf、woff四种字体，使用::before 调用具体icon。(IE7-不支持::before,直接用字符实体)

使用：上传svg，下载font，通过 link 标签调用style.css，使用时直接添加类名即可。

2.兼容IE时使用 png sprites

资源：https://icomoon.io/app/ (下载单个icon的png格式)

http://spritepad.wearekiss.com/（组合雪碧图）

http://www.spritecow.com (根据雪碧图提取所用部分的 background-position / width / height)

原理：background-position

使用：通过 link 标签调用下载下来的sprites.css，使用时直接添加类名即可。