如何使用CSS3 @font-face 实现个性化字体

如何使用CSS3 @font-face 实现个性化字体。 

在网页中，我们可以使用CSS的font-family属性来定义字体。但是，定义的字体能否在用户的电脑上正确显示，取决于用户的电脑上是否安装了该字体。我们经常看到国外的一些个人网站使用了非常漂亮的字体，而这些字体通常用户的电脑上并没有安装，所以不可能使用font-family属性。今天我们将介绍使用@font-face实现个性化字体。 

CSS3 @font-face

　　说@font-face是CSS3的新特性并不准确，因为CSS2就已经支持了这一特性，并且Internet Explorer早在第5版的时候就已经支持它了，不过IE实现方式是通过自有的eot(Embeded Open Type)字体格式，其它浏览器都不支持这个格式。@font-face支持如下属性：

　　font-family：设置文本的字体名称。

　　font-style：设置文本样式。

　　font-variant：设置文本是否大小写。

　　font-weight：设置文本的粗细。

　　font-stretch：设置文本是否横向的拉伸变形。

　　font-size：设置文本字体大小。

　　src：设置自定义字体的相对路径或者路径。