font-face兼容

Webkit/Safari(3.2+)：
TrueType/OpenType TT (.ttf)
OpenType PS (.otf)；

Opera (10+)：
TrueType/OpenType TT (.ttf)
OpenType PS (.otf)
SVG (.svg)；

Internet Explorer：
自ie4开始，支持EOT格式的字体文件
ie9支持woff->它是一个开放的TrueType/OpenType的压缩版；
ie9支持ttf；

Firefox(3.5+)：
TrueType/OpenType TT (.ttf)
OpenType PS (.otf)
WOFF (since Firefox 3.6)

Google Chrome：
TrueType/OpenType TT (.ttf)
OpenType PS (.otf)
WOFF since version 6

由上面可以得出：.eot + .ttf /.otf + svg + woff = 所有浏览器的完美支持。

生成字体包：
https://www.fontke.com/tool/fontface/

@font-face {
    font-family: 'hahahaha';
//给当前的字体取名字
   src: url('font/impact_label_reversed-webfont.eot');//eot-IE9兼容
   src: url('font/impact_label_reversed-webfont.eot?#iefix') format('embedded-opentype'),//eot-IE6-8
		url('font/impact_label_reversed-webfont.woff2') format('woff2')//比woff的技术具有更好的压缩效果,未来指向
        url('font/impact_label_reversed-webfont.woff') format('woff'),//最新浏览器
        url('font/impact_label_reversed-webfont.ttf') format('truetype'),//safari ios Android
        url('font/impact_label_reversed-webfont.svg#impact_label_reversedregular') format('svg');//老的IOS,可以不要了
}