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>

列印頁面