控制东亚脚本的交替符号 | font-variant-east-asian

font-variant-east-asianCSS属性控制东亚脚本(如日文和中文)的交替符号的使用。

font-variant-east-asian: normal;
font-variant-east-asian: ruby;
font-variant-east-asian: jis78;              /* <east-asian-variant-values> */
font-variant-east-asian: jis83;              /* <east-asian-variant-values> */
font-variant-east-asian: jis90;              /* <east-asian-variant-values> */
font-variant-east-asian: jis04;              /* <east-asian-variant-values> */
font-variant-east-asian: simplified;         /* <east-asian-variant-values> */
font-variant-east-asian: traditional;        /* <east-asian-variant-values> */
font-variant-east-asian: full-width;         /* <east-asian-width-values> */
font-variant-east-asian: proportional-width; /* <east-asian-width-values> */
font-variant-east-asian: ruby full-width jis83;

/* Global values */
font-variant-east-asian: inherit;
font-variant-east-asian: initial;
font-variant-east-asian: unset;

语法

取值

normal该关键字代表停用此字体。

ruby这个关键字强制使用特殊字形作为ruby字符。由于这些字体通常较小，所以字体创作者经常设计特定的形式，通常略微更大胆以提高对比度。该关键字对应于OpenType值ruby。

<east-asian-variant-values >这些值激活特定标准中定义的数字。可能的值是：

<east-asian-width-values >这些值控制用于东亚字符的数字的大小。有两个可能的取值：

• proportional-width激活数字不完全相同的数据集。它对应于OpenType值pwid。

• full-width激活数字不完全相同的数据集，使他们在表格中很容易对齐就像。它对应于OpenType值fwid.

形式语法

normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]where 
<east-asian-variant-values> = [ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]
<east-asian-width-values> = [ full-width | proportional-width ]

实例

HTML

<p class="normal">!</p>

CSS

p {
  font-variant-east-asian: ruby;
}

结果

示例链接

规范

浏览器兼容性