字体图标的基础使用
用处:
对于小图标进行一些提升和技术优化,但不能完全替代精灵技术。
优点:
- 属于字体,内存比图片更小,不会失真。
- 可以随意变换颜色和大小外观
- 兼容性好,几乎支持所有浏览器
字体图标的下载
下载网站
- icomoon字库
- 阿里iconfont字库
字体图标的使用
- 下载下来的文件改个iconfont的名字
- 把整个文件放入index.html的根目录
- 在所需页面引入iconfont.css样式表
- 在iconfont文件中有一个html文件点开,查找你需要的字体图标,复制它底下的名字
- 写一个标签 加上类名iconfont和另一个你要引用的字体图标的名
字体图标的修改
- 调用改字体类名修改
- 大小和颜色修改与字体修改相同
字体图标的上传与添加
- 打开iconfont账号
- 点上传图标
- 使用将图标SVG文件拖拽至框内上传
- 选择去除颜色并提交
- 把上传的添加至购物车
- 去购物车 选择添加至项目 加入你的项目
- 去下载至本地