CSS3入门教程(7)：嵌入字体

如果你想让网页显示很漂亮的字体但是又不想使用图片，那就使用CSS3嵌入字体吧！

如果要使用一款字体，我们需要使用到@font-face属性。这必须先准备好我们要用的字体文件。

尽管这样，让我们简单的学习一下字体方面的历史。@font-face属性从CSS2就已经考虑了，但却始终在CSS2.1中还没有出现。CSS3尝试经它带到标准中来。

跨浏览器兼容性

目前只有Safari支持@font-face特性(Google Chrome开发版 2.0.156+也支持这个特性)。

注意，你的浏览器需要一些时间加载字体文件，所以，就目前来说，使用图片文件而不是CSS样式的用户体验会更好些。

CSS3嵌入字体

以下是代码片段：
@font-face {
 font-family: qianduanNet;
 src: url("SketchRockwell.ttf");
}
.fontFace{
 font-family: qianduanNet;
 font-size: 3.2em;
 letter-spacing: 1px;
 text-align: center;
}

浏览器支持：