@font-face.font-style
font-styleCSS 描述符允许作者为 @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(?developer/section/1072043/&);
}
本文的斜体版本使用了与非样式版本相同的符号，但它们被人为地倾斜了几度。
另一方面，如果存在一个真正的斜体版本的字体家族，我们可以将它包含在src描述符中，并将字体样式指定为斜体，这样可以清楚地看到字体是斜体的。真正的斜体使用不同的字形，与直立的字体有点不同，具有一些独特的特征，通常具有圆润和书法的质量。这些字体是由字体设计师专门创建的，不是人为的倾斜。
@font-face {
font-family: garamond;
src: url(?developer/section/1072043/&);
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) |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
