CSS - font-variant-east-asian 属性_CSS 菜鸟教程

CSS font-variant-east-asian 属性用于控制东亚文字（如中文和日文）的备用字形的使用。

可能的值

normal：停用备用字形的使用。

ruby：强制对 ruby 字符使用特殊字形。对应于 OpenType 值 ruby。

<east-asian-variant-values>：指定一组用于显示的标识符号变体。

jis78
jis83
jis90
jis04
simplified：使用简体中文字形。
traditional：使用繁体中文字形。

<east-asian-width-values>：控制东亚字符中使用的数字的大小。

proportional-width：激活宽度不同的东亚字符的使用。对应于 OpenType 值 pwid。
full-width：激活具有固定宽度的东亚字符的使用。对应于 OpenType 值 fwid。

适用于

所有 HTML 元素。

DOM 语法

object.style.fontVariantEastAsian = "normal | ruby";

CSS font-variant-east-asian - 基本示例

下面是一个示例：

<html>
<head>
<style>
	 	p.trad {
	 	 font-variant-east-asian: traditional;
	 	}
	 	p.ruby{
	 	 font-variant-east-asian: ruby;
	 	}
	 	p.jis78 {
	 	 font-variant-east-asian: jis78;
	 	}
	 	p.pwid {
	 	 font-variant-east-asian: proportional-width;
	 	}
</style>
</head>
<body>
	 	<h2>Font-variant-east-asian property example</h2>
	 	<p class="trad">大学 → 大學</p>
	 	<p class="ruby">大学 → 大學</p>
	 	<p class="jis78">大学 → 大學</p>
	 	<p class="pwid">大学 → 大學</p>
</body>
</html>

<< CSS - font-variant-caps 属性 CSS - font-variant-ligatures 属性 >>