《
CSS3入门教程(7)：嵌入字体》文章地址：http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302332102013.htm
留神，你的浏览器需要一些时光加载字体文件，所以，就目前来说，使用图片文件而不是CSS款式的用户休会会更好些。
以下是代码片断：
@font-face {
font-family: qianduanNet;
,CSS3入门教程(6)：多列 多卷;src: url("SketchRockwell.ttf");
}
.fontFace{
font-family: qianduanNet;
font-size: 3.2em;
letter-spacing: 1px,CSS3入门教程(5)：背景图片(背景大小和多背景图);
,CSS3入门教程(4)：关于阴影;text-align: center;
}
我们也能够对使用font-face的处所使用阴影后果。
以下是代码片段：
@font-face {
font-family: qianduanNet;
src: url("SketchRockwell.ttf");
}
.fontFace{
font-family: qianduanNet;
,CSS3入门教程(3)：边框颜色;font-size: 3,CSS3入门教程(2)：边框半径和圆角.2em;
letter-spacing: 1px;
text-align: center;
}
目前只有Safari支持@font-face特征(Google Chrome开发版 2.0.156+也支持这个特性),CSS3入门教程(10)：HSL和HSLA。
--> [
网站建设之]CSS3入门教程(7)：嵌入字体
浏览器支持：
只管这样，让咱们简略的学习一下字体方面的历史。@font-face属性从CSS2就已经斟酌了，但却始终在CSS2.1中还不呈现,CSS3入门教程(1)：CSS3简介。CSS3尝试经它带到尺度中来。
Tag：CSS3入门 CSS3 嵌入字体 CSS3入门 CSS3 嵌入字体
如果你想让网页显示很美丽的字体然而又不想使用图片，那就使用CSS3嵌入字体吧！
跨阅读器兼容性
CSS3嵌入字体
假如要使用一款字体，我们须要应用到@font-face属性。这必需先筹备好我们要用的字体文件。
× Firefox(3.05+…) ×,
CSS3中背景的四个新的属性; Google Chrome(1.0.154+…) √ Google Chrome(2,
CSS3下的渐变文字效果实现.0.156+…) × Internet Explorer(IE7, IE8 RC1 )(IE7+支撑eot格局的字体文件) ×,
Css3 弹性盒模型; Opera(9.6+…)(支持文字暗影) √ Safari(3.2.1+ windows…)
(责任编辑：网站建设)
CSS3入门教程(7)：嵌入字体相关文章