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

font-variant-east-asian

The font-variant-east-asian CSS property controls glyph substitution and sizing in East Asian text.

Typography

Overview

The font-variant-east-asian CSS property controls glyph substitution and sizing in East Asian text.

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 glyph substitution and sizing in East Asian text.

Cautions

  • May not be supported in older browsers.

Accessibility

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

Related links

Powered by web-features