CSS参考手册
字体 | Fonts
@font-face.font-style
font-style
CSS 描述符允许作者为 @font-face
中字体指定样式。
对于特定的字体系列,作者可以下载与同一字体系列的不同样式对应的各种字体面,然后使用font-style
描述符显式指定字体样式。CSS描述符的值与其相应的字体属性的值相同。
Related at-rule |
@font-face |
---|---|
初始值 |
normal |
使用媒体 |
all |
计算值 |
as specified |
正规顺序 |
the unique non-ambiguous order defined by the formal grammar |
语法
font-style: normal;
font-style: italic;
font-style: oblique;
取值
normal
选择字体系列的普通版本。
italic
指定font-face是普通字体的斜体版本。
oblique
指定font-face是普通字体的倾斜版本。
形式语法
normal | italic | oblique
实例
作为一个例子,考虑garamond字体族,在它的正常形式下,我们得到以下结果:
@font-face {
font-family: garamond;
src: url('garamond.ttf');
}
本文的斜体版本使用了与非样式版本相同的符号,但它们被人为地倾斜了几度。
另一方面,如果存在一个真正的斜体版本的字体家族,我们可以将它包含在src
描述符中,并将字体样式指定为斜体,这样可以清楚地看到字体是斜体的。真正的斜体使用不同的字形,与直立的字体有点不同,具有一些独特的特征,通常具有圆润和书法的质量。这些字体是由字体设计师专门创建的,不是人为的倾斜。
@font-face {
font-family: garamond;
src: url('garamond-italic.ttf');
font-style: italic;
}
规范
Specification |
Status |
Comment |
---|---|---|
CSS Fonts Module Level 3The definition of 'unicode-range' in that specification. |
Candidate Recommendation |
Initial definition |
浏览器兼容性
Feature |
Firefox (Gecko) |
Chrome |
Internet Explorer |
Opera |
Safari |
---|---|---|---|---|---|
Basic support |
3.5 (1.9.1) |
4.0 |
4.0 |
10.0 |
3.1 |
Feature |
Android |
Firefox Mobile (Gecko) |
IE Mobile |
Opera Mini |
Opera Mobile |
Safari Mobile |
---|---|---|---|---|---|---|
Basic support |
(Yes) |
1.0 (1.9.1) |
? |
No support |
10.0 |
(Yes) |
字体 | Fonts相关
层叠样式表( Cascading Style Sheets )是一种用来表现 HTML 或 XML 等文件样式的计算机语言。CSS 不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。