字体图标用法

优点：

本质是文字，体积小，但是携带的信息没有削减

几乎支持所有的浏览器

使用流程

1 ui提供svg格式效果图

2 前端人员上传生成兼容性字体文件包

3 下载兼容包到本地 并引入到html中

4 使用字体图标

网站推荐 icoMoon

1.选择需要的字体图标

2.生成

2.下载到本地

3 引入到html 

• 首先将fonts文件放置根目录下
• html标签添加结构  复制到标签中

• 打开style.css 声明字体 告诉别人使我们自己定义的字体 一定要注意fonts路径
• 给盒子使用字体

<span>  </span>   //看不见内容哦

• 给字体添加样式

font-family:"icomoon";
font-size:12px;
color:red;

4 添加字体图标