Widely available Supported across all major browsers. Safe to use in production.

font-variant-east-asian

The font-variant-east-asian CSS property controls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese.

Typography

Browser support

Feature Desktop Mobile
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
font-variant-east-asian
63
79
34
9.1
63
9.3
full-width
63
79
34
9.1
63
9.3
jis04
63
79
34
9.1
63
9.3
jis78
63
79
34
9.1
63
9.3
jis83
63
79
34
9.1
63
9.3
jis90
63
79
34
9.1
63
9.3
normal
63
79
34
9.1
63
9.3
proportional-width
63
79
34
9.1
63
9.3
ruby
63
79
34
9.1
63
9.3
simplified
63
79
34
9.1
63
9.3
traditional
63
79
34
9.1
63
9.3
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)

Syntax

CSS 
.jis2004 {
  font-variant-east-asian: jis04;
}
.proportional-cjk {
  font-variant-east-asian: proportional-width;
}
.traditional { font-variant-east-asian: traditional; }

Live demo

Jis2004charactershape

CSS JIS2004charactershape demo.

PreviewFullscreen

propo-shonal

CSS propo-shonal demo.

PreviewFullscreen

full-widthwidth

CSS full-widthwidth demo.

PreviewFullscreen

Use cases

  • Using font-variant-east-asian

    The font-variant-east-asian CSS property controls the use of alternate glyphs for East Asian scripts, like Japanese and Chinese.

Cautions

  • May not be supported in older browsers.

Accessibility

  • Make sure visual changes are conveyed appropriately to assistive technology.

Related links