CSS3 @font-face 规则

语法

指定名为"myFirstFont"的字体，并指定在哪里可以找到它的URL：

@font-face {
	font-family: 'myFont';
	src: url('font/font.ttf'),
	     url('font/font.eot'); /* IE9 */
}

浏览器支持

Internet Explorer 9, Firefox, Opera,Chrome, 和 Safari支持@font-face 规则；
其中，Internet Explorer 9 只支持 .eot 类型的字体；
Firefox, Chrome, Safari, 和 Opera 支持 .ttf 与.otf 两种类型字体；
注意： Internet Explorer 8 及更早IE版本不支持@font-face 规则；

属性

• font-family：
  必填属性，定义该字体引用名称，如下：

div {
	/* div将使用自定义的字体展示 */
	font-family: 'myFont';
}

• src：
  必填属性，定义该字体访问的地址，可使用服务器地址；
• font-stretch：
  可选，font-stretch 属性可对当前的 font-family 进行伸缩变形，默认为normal；
  详细属性可查看CSS3 font-stretch 属性；
• font-style：
  可选，定义该字体样式，默认为normal；
  详细属性可查看CSS font-style 属性；
• font-weight：
  可选，定义该字体粗细，默认为normal；
• unicode-range：
  可选，定义该字体支持Unicode字符的范围。默认值是"ü+0-10 FFFF"；

其他用法

• 重新定义已有字体
  如定义微软雅黑字体：

@font-face {
  font-family: YH;
  src: local("microsoft yahei");
}
div {
	/* div将使用微软雅黑字体展示 */
	font-family: YH;
}