@font-feature-values

@font-feature-valuesCSS at-rule允许作者在font-variant-alternates中使用通用名称中使用通用名称，用于在OpenType中以不同方式激活功能。它允许在使用几种字体时简化CSS。

/* At-rule for "nice-style" in Font One */
@font-feature-values Font One {
? @styleset {
    nice-style: 12;
  }
}

/* At-rule for "nice-style" in Font Two */
@font-feature-values Font Two {
  @styleset {
    nice-style: 4;
  }
} 

…

/* Apply the at-rules with a single declaration */
.nice-look {
  font-variant-alternates: styleset(nice-style);
}

@font-feature-values@规则既可以在你的CSS的顶层或规则的任何CSS条件组内部使用。

语法

特征值块

@swashSpecifies 一个功能名称, 它将使用斜体 () (字体变体-交替的 # 斜体 (%29) 字体变体交替的函数表示法。一个花型特征值定义只允许一个值: ident1: 2 是有效的, 当 ident2: 2 4 不是. @annotationSpecifies 一个功能名称, 它将使用注释 () (字体变体-交替 # 注释 (%29) 的函数表示法字体变体-交替。注释特征值定义只允许一个值: ident1: 2 是有效的, 当 ident2: 2 4 不是. @ornamentsSpecifies 一个功能名称, 将与装饰品 () (字体变体-候补 # 装饰品 (%29) 功能表示法字体变体-交替。饰品功能值定义只允许一个值: ident1: 2 是有效的, 当 ident2: 2 4 不是. @stylisticSpecifies 一个功能名称, 将使用的文体 () (字体变体-交替 # 文体 (%29) 功能表示法字体变体-交替。stylistice 功能值定义只允许一个值: ident1: 2 是有效的, 当 ident2: 2 4 不是. @stylesetSpecifies 一个功能名称, 将使用 styleset () (字体变体-交替 # styleset (%29) 的功能表示法字体变体-交替。一个 stylset 特征值定义允许和 illimited 的价值量: ident1: 2 4 12 1maps 的 OpenType 值 ss02, ss04, ss12, ss01。请注意, 大于99的值是有效的, 但不映射到任何 OpenType 值并被忽略. @character-variantSpecifies 将使用字符变体 () 4andident2: 2 4 5 "的功能名称无效。

形式语法

@font-feature-values <family-name># {
  <feature-value-block-list>
}where 
<family-name> = <string> | <custom-ident>+
<feature-value-block-list> = <feature-value-block>+
where 
<feature-value-block> = <feature-type> {
  <feature-value-declaration-list>
}
where 
<feature-type> = @stylistic | @historical-forms | @styleset | @character-variant | @swash | @ornaments | @annotation
<feature-value-declaration-list> = <feature-value-declaration>
where 
<feature-value-declaration> = <custom-ident>: <integer>+;

规范

Specification	Status	Comment
CSS Fonts Module Level 3The definition of '@font-feature-values' in that specification.	Candidate Recommendation	Initial definition

浏览器兼容性

Feature	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
Basic support	?	34 (34) 1	?	?	?

Feature	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
Basic support	?	34.0 (34) 1	?	?	?

本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com

最后更新于：2017-12-18