1. 字体图标
字体图标
展示的是图标
,
本质是字体。
处理简单的、颜色单一的小图标
2. 图标库
Iconfont:
https://www.iconfont.cn/ 阿里巴巴字体库
3. 下载字体包
登录
(新浪微博) → 选择图标库 → 选择图标,加入购物车 → 购物车 →
添加至项目 → 下载至本地
4.使用字体图标
1.
类名:
引入字体图标样式表
调用图标对应的类名,必须调用2个类名
- iconfont类:基本样式,包含字体的使用等
- icon-xxx:图标对应的类名
2. 伪元素:
通过查看iconfont.css文件