CSS3 @font-face 使用方法

@font-face是CSS3中的一个模块， 能够加载服务器端的字体文件，可以在网页中嵌入客户端没有安装的字体。微软的IE 5已经是开始支持这个属性，但是只支持微软自有的.eot (Embedded Open Type) 格式，而其他浏览器直到现在都没有支持这一字体格式。然而，从Safari 3.1开始，网页重构工程师已经可以设置.ttf(TrueType)和.otf(OpenType)两种字体做为自定义字体了。

语法

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