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

好处：

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

　　2.放大后不会失真

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

　　4.简化网页布局

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

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

用法：

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

　　　　　　　src 添加地址}

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