CSS @font-face 规则

指定名为 "myFirstFont" 的字体，并指定可找到该字体的 URL：

@font-face {
font-family: myFirstFont;
src: url(sansation_light.woff);
}

下面有更多 "亲自试一试" 示例。

定义和用法

随着@font-face根据规则，网页设计人员不必再使用 "web-safe" 字体之一。

在里面@font-face规则你必须首先为字体定义一个名称（例如myFirstFont），然后指向字体文件。

要在 HTML 元素中使用字体，请通过 font-family 属性引用字体名称 (myFirstFont)：

div {
font-family: myFirstFont;
}

这个@font-faceEdge、Chrome、Firefox、Safari 和 Opera 支持规则。

表中的数字指定完全支持该字体格式的第一个浏览器版本。

*字体格式仅在设置为"installable"时有效。

@font-face {
font-properties
}

Font descriptor	Values	Description
font-family	name	Required. Defines the name of the font.
src	URL	Required. Defines the URL(s) where the font should be downloaded from
font-stretch	normal condensed ultra-condensed extra-condensed semi-condensed expanded semi-expanded extra-expanded ultra-expanded	Optional. Defines how the font should be stretched. Default value is "normal"
font-style	normal italic oblique	Optional. Defines how the font should be styled. Default value is "normal"
font-weight	normal bold 100 200 300 400 500 600 700 800 900	Optional. Defines the boldness of the font. Default value is "normal"
unicode-range	unicode-range	Optional. Defines the range of unicode characters the font supports. Default value is "U+0-10FFFF"