CSS font-variant-east-asian - 易学教程，面试笔记经验！

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。
- 全角:激活具有固定宽度的东亚字符的使用。对应于 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 属性示例</h2>
   <p class="trad">大学 → 大學</p>
   <p class="ruby">大学 → 大學</p>
   <p class="jis78">大学 → 大學</p>
   <p class="pwid">大学 → 大學</p>
</body>
</html>