WEB前端学习笔记（八）——字体图标与平面装换

一、字体图标

字体图标
字体图标展示的是图标，本质是字体。
处理简单的、颜色单一的图片

1.1 字体图标的优点

灵活性：灵活地修改样式，例如：尺寸、颜色等
轻量级：体积小、渲染快、降低服务器请求次数
兼容性：几乎兼容所有主流浏览器
使用方便：
        ① 下载字体包
        ② 使用字体图标

1.2 字体图标的使用

图标库

Iconfont： https://www.iconfont.cn/

一共三种使用方式，具体可以参考下载下来的demo。

1.3 IconFont网站上传矢量图生成字体图标

二、平面转换

2.1 位移

2.2 旋转

2.3 缩放

 三、渐变