CSS高级技巧-字体图标

一、使用场景

主要用于显示网页中通用、常用的一些小图标

二、优点

• 轻量级：一个图标字体要比一系列的图像要小，一旦字体被加载了，图标就会马上渲染出来，减少了服务器请求
• 灵活性：本质其实是文字，可以很随意的改变颜色，产生阴影、透明效果、旋转等
• 兼容性：几乎支持所有浏览器
• 注意：字体图标不能替代精灵技术，只是对工作中图标部分技术的提升与优化

三、字体图标的下载

1、https://icomoon.io/

2、https://www.iconfont.cn/

详细的使用可以去看pink老师的257集