CSS font-feature-settings 属性
CSS font-feature-settings 属性用于控制 OpenType 字体中的高级印刷功能。
实例
规定 font-feature-settings:
<!DOCTYPE html><html><head><style>/* 启用 small-caps */.ex1 { font-feature-settings: "smcp" on; }/* 将大写和小写都转换为小型大写 */.ex2 { font-feature-settings: "c2sc", "smcp"; }/* 没有常见的连字 */.ex3 { font-feature-settings: "liga" 0; }/* 分数 */.ex4 { font-feature-settings: "frac"; }</style></head><body><h1>font-feature-settings 属性</h1><div class="ex1">This is some text 0123.</div><div class="ex2">This is some text 0123.</div><div class="ex3">This is some text 0123.</div><div class="ex4">This is some text 0123.</div><p><b>注释:</b>Internet Explorer 9 以及更早的版本不支持 font-feature-settings 属性。</p></body></html>
定义和用法
font-feature-settings 属性允许控制 OpenType 字体中的高级印刷特性。
备注: Web 开发者应该尽可能的使用类似 font-variant 这样的短标记属性或者相关的速记标识属性等, 类似 font-variant-ligatures, font-variant-caps, font-variant-east-asian (en-US), font-variant-alternates, font-variant-numeric 或 font-variant-position.
该属性是一个比较偏底层的功能接口,用于解决由于没有其他方法去访问和设置 OpenType 字体某些特性而无法解决一些特殊功能需求.
特别需要注意的是,该 CSS 属性不应该用来开启大写字母转换.
| 默认值: | normal |
|---|---|
| 继承: | 是 |
| 动画制作: | 不支持。请参阅:动画相关属性。 |
| 版本: | CSS3 |
| JavaScript 语法: | object.style.fontFeatureSettings="normal" |
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
带 -webkit- 或 -moz- 的数字表示使用前缀的首个版本。
| 属性 | |||||
|---|---|---|---|---|---|
| font-feature-settings | 48.016.0 -webkit- | 10.0 | 34.015.0 -moz- | 9.1 | 35.015.0 -webkit- |
CSS 语法
font-feature-settings: normal|feature-value;
属性值
| 值 | 描述 |
|---|---|
| normal | 默认。使用默认设置来布置文本。 |
| feature-value | 格式:string [1|0|on|off],字符串始终为 4 个 ASCII 字符。 |