阿里巴巴矢量图标库项目中使用svg格式字体图标 3种使用方式

iconfont 介绍
a. 意义：使用字体用 HTML 代码以文本的形式直接在网页中画 icon 小图标。
b. 为什么使用 icon 字体图标: 使用图标字体可大大减少图标维护工作量。
c. 灵活性：轻松地改变图标的颜色或其他 CSS 效果。
d. 可扩展性：改变图标的大小，就像改变字体大小一样容易。
e. 矢量性：图标是矢量的，与像素无关。缩放图标不会影响清晰度。
f. 兼容性：字体图标支持所有现代浏览器（包括糟糕的 IE6）。
g. 本地使用：通过添加定制字体到你的本地系统，你可以在各种不同的设计和编辑应
用程序中使用它们。
2) iconfont 使用(本地没有 svg)
a. 我们需要依赖网站制作，
b. 目前国内用的最多的是阿里巴巴矢量库（http://www.iconfont.cn/）

1. 注册账户
2. 把你想要的图标添加入库（购物车
   
3. 点击购物车，将你想要的图标添加到项
   
   
4. 下载到本地使用
   
5. 三种使用方式
   

1. unicode 引用
2. symbol 引用
3. font-class 引用

3. iconfont 使用(本地有 svg)
   a. 图标字体: 使用 IcoMoon 将 SVG 格式的图标转换生成图标字体及样式
   b. 进入 icoMoon 官网: https://icomoon.io/
   c. 点击右上角 , 进入处理页面
   d. 点击左上角 , 选择 resource\SVG*.svg, 上传显示到页面
   e. 在页面选择所有 svg, 点击右下角 生成图标字体样式
   f. 点击左上角 指定 Font-Name 为 sell-icon, 点击右下角 下
   载到本地
   g. 解压 zip 包, 访问 demo.html 测试
   h. 我们项目需要的是 fonts 和 style.css
4. 在页面中引入在线的 iconfont 样式