字体图标

font-face 是CSS3中的一个模块，他主要是把自己定义的 web 字体嵌入到你的网页中。

好处：

　　1.可以非常方便的改变大小和颜色

　　2.放大后不会失真

　　3.减少请求次数和提高加载速度

　　4.简化网页布局

　　5.减少设计师和前端工程师的工作量

　　6.可使用计算机没有提供的字体

用法：

　　@font-face{ font-family：name；（图标名字，使用时可以直接在样式表里面 font-family：name；）

　　　　　　　src 添加地址}

.woff .mac .linux 等文件都是做兼容平台处理的。

阿里巴巴矢量图标库使用方法：

加进购，右上角点击购物车

想永久使用的话

图标管理创建项目

进购物车，选中之后选择添加至项目

然后可以下载至本地

 

下载完之后

　　demo_index.html 是引用方法

　　　　有三种方法，推荐使用 font class

　　主要是.svg和.css文件

　　.woff  .woff2  .eot  .ttf 都是用来适应其他平台的

　　生成好的文件除了demo.css 和 js 还有 html 文件，剩下的全部拷贝到文件夹里（记住地址方便调用）

 

彩色图标使用方法：

　　添加购物车，加入项目，下载本地

　　使用彩色图标  js  文件也要拷贝

　　然后打开 demo_index.html 里面的第三种方式做