一.字体图标基本概念:
可以像使用字体一样使用图标
二.字体图标优点:
1.轻量级:
一旦图标字体加载,图标就马上渲染出来,不需要下载图像,可以减少HTTP请求,还可以配合HTML5离线存储做性能优化
2.灵活性:
可以用font-size属性设置其任何大小,还可以加各种文字效果
3.兼容性:
支持所有现代浏览器
三.字体图标缺点:
1.图标字体只能被渲染成单色或者CSS3的渐变色,由于此限制使它不能被广泛使用
2.使用版权有限制,许多要收费
3.创作自己的字体图标浪费时间,重构人员后期维护成本偏高
四.使用:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/732224ec8e67ee4ed79b1eae4c13952c.png)