CSS font-feature-settings 属性

CSS font-feature-settings 属性用于控制 OpenType 字体中的高级印刷功能。


实例

规定 font-feature-settings:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <style>
  5. /* 启用 small-caps */
  6. .ex1 { font-feature-settings: "smcp" on; }
  7. /* 将大写和小写都转换为小型大写 */
  8. .ex2 { font-feature-settings: "c2sc", "smcp"; }
  9. /* 没有常见的连字 */
  10. .ex3 { font-feature-settings: "liga" 0; }
  11. /* 分数 */
  12. .ex4 { font-feature-settings: "frac"; }
  13. </style>
  14. </head>
  15. <body>
  16. <h1>font-feature-settings 属性</h1>
  17. <div class="ex1">This is some text 0123.</div>
  18. <div class="ex2">This is some text 0123.</div>
  19. <div class="ex3">This is some text 0123.</div>
  20. <div class="ex4">This is some text 0123.</div>
  21. <p><b>注释:</b>Internet Explorer 9 以及更早的版本不支持 font-feature-settings 属性。</p>
  22. </body>
  23. </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-settings48.016.0 -webkit-10.034.015.0 -moz-9.135.015.0 -webkit-

CSS 语法

  1. font-feature-settings: normal|feature-value;
属性值
描述
normal默认。使用默认设置来布置文本。
feature-value格式:string [1|0|on|off],字符串始终为 4 个 ASCII 字符。

分类导航