CSS - icon图标(icon font)

1. 概念

这个小红点是图标，图标在CSS中实际上是字体。

2. 为什么出现本质是字体的图标?

2.1 图片增加了总文件的大小。
2.2 图片增加了额外的http请求，大大降低网页的性能。
2.3 图片不能很多地进行缩放，因为图片放大和缩小会失真。

3. 字体图标的优点，结合图片和文字的特性

3.1 可以做出跟图片一样可以做的事情,改变透明度、旋转度等等
3.2 本质是文字，可以很随意的改变颜色、产生阴影、透明效果等等
3.3 体积更小，可携带的信息没有削减
3.4 几乎支持所有浏览器
3.5 对移动端设备友好

4. 字体图标使用流程