html自定义字体@font-face

**

一。浏览器支持

**
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"