本文介绍了如何利用字体图标提升网页设计效率。字体图标是一种将图标转化为字体形式的方法，适用于处理简单、颜色单一的图标。阿里巴巴的Iconfont是一个常用的图标库，用户可以登录并选择所需图标，下载字体包。在项目中，通过引入样式表和调用特定的类名（如`iconfont`和`icon-xxx`）来使用图标，也可以通过查看`iconfont.css`文件使用伪元素进行更细致的定制。
1. 字体图标
字体图标
展示的是图标
，
本质是字体。
处理简单的、颜色单一的小图标
2. 图标库
Iconfont：
https://www.iconfont.cn/ 阿里巴巴字体库
3. 下载字体包
登录
（新浪微博） → 选择图标库 → 选择图标，加入购物车 → 购物车 →
添加至项目 → 下载至本地
4.使用字体图标
1.
类名：
引入字体图标样式表
调用图标对应的类名，必须调用2个类名
- iconfont类：基本样式，包含字体的使用等
- icon-xxx：图标对应的类名
2. 伪元素：
通过查看iconfont.css文件
1232
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
