CSS3 教程

• CSS3 教程
• CSS3 简介
• CSS3 边框
• CSS3 背景
• CSS3 文本效果
• CSS3 字体
• CSS3 2D 转换
• CSS3 3D 转换
• CSS3 过渡
• CSS3 动画
• CSS3 多列
• CSS3 用户界面

CSS3 参考手册

• CSS3 参考手册
• CSS 打印
• CSS 听觉
• CSS 单位
• CSS 颜色值

• CSS3 文本效果
• CSS3 2D 转换

CSS3 @font-face 规则

在 CSS3 之前，web 体。

通过 CSS3，web 体。

存放到 web

在 CSS3 @font-face 的。

Firefox、Chrome、Safari 以及 Opera 支持 .ttf (True Type Fonts) 和 .otf (OpenType Fonts) 。

Internet Explorer 9+ 支持新的 @font-face 仅支持 .eot (Embedded OpenType)。

注释：Internet Explorer 8 新的 @font-face 规则。

的字体

在新的 @font-face 称（比如 myFirstFont件。

如需为 HTML font-family (myFirstFont)：

实例

<style> 
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot'); /* IE9+ */
}

div
{
font-family:myFirstFont;
}
</style>

体

描述符的 @font-face：

实例

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Bold.ttf'),
     url('Sansation_Bold.eot'); /* IE9+ */
font-weight:bold;
}

文件 "Sansation_Bold.ttf" 包含了 Sansation 字符。

只要 font-family 为 "myFirstFont" 体。

多 @font-face 规则。

CSS3

在 @font-face 描述符：

• CSS3 文本效果
• CSS3 2D 转换

CSS 参考手册