控制东亚脚本的交替符号 | 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;

Initial value	normal
应用于	all elements. It also applies to ::first-letter and ::first-line.
是否继承	yes
适用媒体	visual
计算值	as specified
动画类型	discrete
规范顺序	order of appearance in the formal grammar of the values

语法

取值

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

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

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

关键字	Standard defining the glyphs	OpenType equivalent
jis78	JIS X 208 version 1978	jp78
jis83	JIS X 208 version 1983	jp83
jis90	JIS X 208 version 1990	jp90
jis04	JIS X 208 version 2004	jp04
simplified	None, use the simplified Chinese glyphs	smpl
traditional	None, use the traditional Chinese glyphs	trad

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

结果

示例链接

规范

Specification	Status	Comment
CSS Fonts Module Level 3The definition of 'font-variant-east-asian' in that specification.	Candidate Recommendation	Initial definition

浏览器兼容性

Feature	Firefox (Gecko)	Chrome	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