@font-face

@font-face ：{属性: 取值;}

font-family：

设置文本的字体名称。

font-style：

设置文本样式。

font-variant：

设置文本是否大小写。

font-weight：

设置文本的粗细。

font-stretch：

设置文本是否横向的拉伸变形。

font-size：

设置文本字体大小。

src：

设置自定义字体的相对路径或者绝对路径，注意，此属性只能在@font-face规则里使用。

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

.eot格式

类型	Internet Explorer	Firefox	Chrome	Opera	Safari
版本	(√)IE6	(×)Firefox 2.0	(×)Chrome 1.0.x	(×)Opera 9.63	(×)Safari 3.1
	(√)IE7	(×)Firefox 3.0	(×)Chrome 2.0.x		(×)Safari 4
	(√)IE8

.ttf格式

类型	Internet Explorer	Firefox	Chrome	Opera	Safari
版本	(×)IE6	(×)Firefox 2.0	(×)Chrome 1.0.x	(×)Opera 9.63	(√)Safari 3.2.1
	(×)IE7	(×)Firefox 3.0	(×)Chrome 2.0.x	(√)Opera 10	(√)Safari 4
	(×)IE8	(√)Firefox 3.5