font-variant-east-asian

Definition

The font-variant-east-asian property controls the variation of East Asian glyphs (or characters) for a given font family and style.

Enable proportional spacing for the p element using the proportional-widths feature:

p {
  font-variant-east-asian: proportional-widths;
}

Enable half-width glyphs for the h1 element using the jis78 feature:

h1 {
  font-variant-east-asian: jis78;
}

Enable ruby text for the blockquote element using the ruby feature:

blockquote {
  font-variant-east-asian: ruby;
}

Value	Description
`normal`	Specifies the default glyph selection for the font
`full-width`	Enables full-width glyph selection for the font
`proportional-widths`	Enables proportional spacing for East Asian text
`<feature-value>`	Enables a specific feature for alternate glyph selection, such as jis78, jis83, jis90, jis04, simplified, traditional, ruby, jis04-alt, tch-compact, ecl, or cwkanji
`initial`	Sets the property to its default value
`inherit`	Inherits the property from its parent element

Use font-variant-east-asian to control the variation of East Asian glyphs, such as Chinese, Japanese, and Korean characters, for better legibility and readability.
Choose feature values that are appropriate for the specific language and script used in your content, as different languages and scripts may have different typographic conventions and requirements.
Be aware that not all fonts support all feature values, so test your font choices and settings on different devices and browsers to ensure consistent rendering.
Consider using fallback fonts and feature values for greater compatibility and consistency across different devices and platforms.

Chrome	Firefox	Safari	Internet Explorer	Microsoft Edge	Opera
Yes	Yes	Yes	Yes	Yes	Yes