CSS3 @font-face使用详解

CSS3 @font-face使用

@font-face是CSS3中的一个模块，可以把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，在Web的开发中使用字体不怕只能使用Web安全字体。

字体下载地址

http://www.dafont.com

http://www.google.com/webfonts

@font-face 兼容性

1. Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。
2. Internet Explorer 9+ 支持新的 @font-face 规则，但是仅支持 .eot 类型的字体 (Embedded OpenType)。

注释：Internet Explorer 8 以及更早的版本不支持新的 @font-face 规则。

@font-face的语法规则

@font-face {
      font-family: ;
      src:  [][, []]*;
      [font-weight: ];
      [font-style: