CSS - font-variant-east-asian 属性



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>