font-variant-east-asian property CSS Reference



Definition and Usage

Allows control of glyph substitute and positioning in East Asian text. In cases where multiple alternates are possible, an integer is included to indicate the index of the alternate to be used. Omitting the integer indicates the first alternate.

  • <east-asian-variant-values> = [ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]
  • <east-asian-width-values> = [ full-width | proportional-width ]
Name: font-variant-east-asian
Value: normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]
Initial: normal
Applies to: all elements
Inherited: yes
Percentages: N/A
Media: visual
Computed value: as specified

Syntax

font-variant-east-asian : normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]

Values

normal
None of the features listed below are enabled.
jis78
Enables rendering of JIS78 forms (OpenType feature: jp78).
jis83
Enables rendering of JIS83 forms (OpenType feature: jp83).
jis90
Enables rendering of JIS90 forms (OpenType feature: jp90).
jis04
Enables rendering of JIS2004 forms (OpenType feature: jp04).
simplified
Enables rendering of simplified forms (OpenType feature: smpl).
traditional
Enables rendering of traditional forms (OpenType feature: trad).
full-width
Enables rendering of full-width variants (OpenType feature: fwid).
proportional-width
Enables rendering of proportionally-spaced variants (OpenType feature: pwid).
ruby
Enables display of ruby variant glyphs (OpenType feature: ruby). Since ruby text is generally smaller than the associated body text, font designers can design special glyphs for use with ruby that are more readable than scaled down versions of the default glyphs. Only glyph selection is affected, there is no associated font scaling or other change that affects line layout. The red ruby text below is shown with default glyphs (top) and with ruby variant glyphs (bottom). Note the slight difference in stroke thickness.

Examples

No examples


Relative articles