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 字符。 |