CSS 属性

font-feature-settings 属性由 CSS 提供，用于控制 OpenType 字体中的高级排版功能，例如花体、小型大写字母和连字。

属性值

  • normal:默认值。默认字体设置已布局。

  • <feature-tag-value>:指定为元组，以空格分隔，具有标签名称和可选值。

    • 标签名称始终为四个 ASCII 字符的 <string>，否则无效。

    • 可选值可以是整数或关键字 on(1) 或 off(0)。默认值为 0。

适用范围

所有 HTML 元素。

DOM 语法

object.style.fontFeatureSettings = "smcp" on;

CSS font-feature-settings: 基本示例

这里是一个示例:

<html>
<head>
<style>
    div{
        border: 1px solid red;
        margin: 5px;
        width: 300px;
    }
    p.allcaps{
        padding: 8px; font-weight: bold; font-style: italic; font-feature-settings: 'c2sc', 'smcp';
    }
    p.small-caps{
        padding: 8px; font-weight: bold; font-variant:small-caps; font-feature-settings: 'smcp', off;
    }
</style>
</head>
<body>
    <h2>Font feature settings</h2>
    <div>
        <p class="allcaps">
            Font feature settings-all caps
        </p>
        <p class="small-caps">
            Font feature settings-small caps
        </p>
    </div>
</body>
</html>