**
一。浏览器支持
**
Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 类型的字体。
Internet Explorer 9+ 支持新的 @font-face 规则,但是仅支持 .eot 类型的字体 (Embedded OpenType)。
**
二。定义
**
**
@font-face
{
font-family: myFirstFont;.//字体名
src: url('Sansation_Light.ttf'),//字体资源文件
url('Sansation_Light.eot'); /* IE9 */
}
**
**
三。语法
**
**
语法格式
语法格式
@font-face
{
font-properties
}
**
font-family name 必需的。定义字体的名称。
src URL 必需的。定义该字体下载的网址(S)
font-stretch 可选。定义该字体应该如何被拉长。默认值是"正常" 有如下取值
normal
condensed
ultra-condensed
extra-condensed
semi-condensed
expanded
semi-expanded
extra-expanded
ultra-expanded
font-style 可选。定义该字体应该是怎样样式。默认值是"正常" 有一下取值
normal
italic
oblique
font-weight 可选。定义字体的粗细。默认值是"正常" 有一下取值
normal
bold
100
200
300
400
500
600
700
800
900
unicode-range unicode-range 可选。定义该字体支持Unicode字符的范围。默认值是"ü+0-10 FFFF"