CSS - 东亚文字变体属性

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

可能的值

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>

打印页面