CSS - font-feature-settings 属性_CSS 菜鸟教程

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

可能的值

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

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

标签名称始终是四个 ASCII 字符的<字符串>，否则无效。
可选值可以是整数或关键字 on（1）或 off（0）。默认值为 0。

适用于

所有 HTML 元素。

DOM 语法

object.style.fontFeatureSettings = "smcp" on;

CSS font-feature-setting - 基本示例

下面是一个示例：

<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>

<< CSS - font-family 属性 CSS - font-kerning 属性 >>