526互联

CSS（七）字体图标

发布时间 2023-07-03 19:28:27作者: huiyii

经常会用到一些图片，但是我们在使用这些图片时，往往会遇到失真的情况，而且图片数量多的话，页面加载很慢，所以我们可以使用字体图标的方式来显示图标，既解决了失真的问题，也解决了图片占用资源的问题。常用资源 [阿里字体图标库][https://www.iconfont.cn/]

优点：

  • 轻量，加载速度快，减少http情趣

  • 灵活，可以利用CSS设置大小颜色等

  • 兼容，网页字体支持所有浏览器

在[阿里字体图标库][https://www.iconfont.cn/]下载字体图标后，会有使用教程，推荐 font-class引用