font-variation-settings

**font-variation-settings** CSS 描述符允许作者在@font-face at-规则中指定 OpenType 或 TrueType 字体的低级变体。此描述符的值与font-variation-settings 属性相同，但全局关键字值除外。

由于此描述符在@font-face at-规则中设置字体对象上的变体值，而不是整个元素上的变体值，因此元素中可能只有一些字形使用此描述符进行渲染。

语法

css
/* Use the default settings */
font-variation-settings: normal;

/* Set values for OpenType axis names */
font-variation-settings: "xhgt" 0.7;

值

normal

文本使用默认设置进行布局。

<string> <number>

渲染文本时，OpenType 轴名称列表将传递给文本布局引擎以启用或禁用字体功能。每个设置始终是 4 个ASCII 字符的<string>，后跟一个<number>，表示轴值。如果<string> 的字符多于或少于 4 个，或包含 U+20 - U+7E 代码点范围之外的字符，则整个属性无效。<number> 可以是小数或负数。

正式定义

相关at-规则@font-face
初始值normal
计算值按指定

正式语法

font-variation-settings = 
  normal                  |
  [ <string> <number> ]#

示例

在 @font-face 规则中设置字体粗细和拉伸

css
@font-face {
  font-family: "OpenTypeFont";
  src: url("open_type_font.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-variation-settings:
    "wght" 400,
    "wdth" 300;
}

规范

规范
CSS 字体模块级别 4
# font-rend-desc

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅