字体图标+使用

字体图标：展示的是图标，本质是字体

作用：在网页中添加简单的、颜色单一的图标

优点：

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

字体图标下载

• iconfont图标库：https://www.iconfont.cn/
• 下载字体：  添加至项目

• 使用字体

     引入字体样式表（iconfont.css）

    标签使用字体图标类名

              iconfont:字体图标基本样式（字体名，字体大小等等）

              icon-xxx:图标对应的类名（打开iconfont文件夹里的.html文件）

使用时要注意选择器的优先级，如果要调整字号大小，选择器的优先级要高于iconfont类

 字体图标-上传矢量图

作用：项目特有的图标上传到iconfont图标库，生成字体

步骤：