css自定义字体font-face的兼容和使用

@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；

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 = 所有浏览器的完美支持

---

语法

 @font-face {
  [font-family: ;]?
  [src: [  [format(#)]? |  ]#;]?
  [unicode-range: #;]?
  [font-variant: ;]?
  [font-feature-settings: normal|#;]?
  [font-stretch: ;]?
  [font-weight: ];
  [font-style: