CSS3 Web字体-该@font-face规则
网络字体允许Web设计人员使用未在用户的计算机上安装的字体。
当你已经找到/买了你希望使用的字体，只包括您的Web服务器上的字体文件，它会在需要时自动下载到用户。
“自己的”字体的CSS3中定义@font-face的规则。
浏览器支持
在表中的数字规定，完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| @font-face | 4.0 | 9.0 | 3.5 | 3.2 | 10.0 |
不同的字体格式
TrueType字体（TTF）
TrueType是在80年代末开发的字体标准，由苹果和微软。 TrueType是同时为Mac OS和微软Windows操作系统中最常见的字体格式。
OpenType字体（OTF）
OpenType为可伸缩的计算机字体的格式。 它始建于TrueType ，并且是微软的注册商标。 OpenType字体今天普遍使用的主要计算机平台。
在Web开放字体格式（WOFF）
WOFF是在网页中使用的字体格式。 它是在2009年开发的，现在是一个W3C推荐标准。 WOFF基本上是OpenType或TrueType压缩和其他元数据。 的目标是支持从服务器向客户端的字体分布在带宽约束的网络。
在Web开放字体格式（WOFF 2.0）
TrueType/OpenType的字体比提供更好的压缩WOFF 1.0。
SVG字体/形状
SVG字体允许SVG来显示文本时使用的字形。 在SVG 1.1规范定义的字体模块，允许SVG文档中的字体的创建。 您还可以应用CSS来SVG文档，和@font-face的规则可以应用在SVG文件的文本。
嵌入式OpenType字体（EOT）
EOT字体的紧凑形式OpenType由Microsoft用作网页上嵌入字体设计的字体。
对于字体格式的浏览器支持
在表中的数字指定完全支持的字体格式的第一个浏览器的版本。
| 字体格式 | |||||
|---|---|---|---|---|---|
| TTF/OTF | 9.0 * | 4 | 3.5 | 3.1 | 10.0 |
| WOFF | 9 | 5 | 3.6 | 5.1 | 11.1 |
| WOFF2 | 不支持 | 36.0 | 35.0 * | 不支持 | 26.0 |
| SVG | 不支持 | 4 | 不支持 | 3.2 | 9 |
| EOT | 6 | 不支持 | 不支持 | 不支持 | 不支持 |
* IE：当设置为“可安装”的字体格式才有效。
*火狐：默认不支持，但可以启用（需要设置一个标志为“true”使用WOFF2）。
使用字体你想要的
在CSS3 @font-face的规则，你必须先定义的字体（如姓名myFirstFont ），然后指向字体文件。
 | 提示：一定要使用的字体URL小写字母。 大写字母，可以在IE出现意想不到的结果。 |
|---|
使用的字体为HTML元素，指的是字体的名称（ myFirstFont通过） font-family属性：
例
@font-face
{
font-family: myFirstFont;
src: url(sansation_light.woff);
}
div
{
font-family: myFirstFont;
}
试一试» 使用粗体文字
您必须添加其他@font-face包含粗体文字描述的规则：
文件"sansation_bold.woff"是另一种字体文件，包含用于Sansation字体的粗体字符。
浏览器将使用这个只要有一块与FONT-FAMILY“的文字myFirstFont ”应该呈现为粗体。
这样你可以有很多@font-face的规则相同的字体。
自测练习用！
CSS3字体描述
下表列出了可以在里面定义的所有字体描述@font-face的规则：
| 描述符 | 值 | 描述 |
|---|---|---|
| font-family | name | 需要。 定义一个名称的字体 |
| src | URL | 需要。 定义字体文件的URL |
| font-stretch | normal condensed ultra-condensed extra-condensed semi-condensed expanded semi-expanded extra-expanded ultra-expanded | 可选的。 定义字体应如何拉伸。 默认为“正常” |
| font-style | normal italic oblique | 可选的。 定义字体应如何称呼。 默认为“正常” |
| font-weight | normal bold 100 200 300 400 500 600 700 800 900 | 可选的。 定义字体的气魄。 默认为“正常” |
| unicode-range | unicode-range | 可选的。 定义的字体支持Unicode字符的范围内。 默认为“U + 0-10FFFF” |