CSS - font-variant-east-asian

トップ > CSSリファレンス > font-variant-east-asian

概要

属性名 font-variant-east-asian
normal | [ <east-asian-variant-values> || <east-asian-width-values> || ruby ]
値の詳細
<east-asian-variant-values> = [ jis78 | jis83 | jis90 | jis04 | simplified | traditional ]
<east-asian-width-values> = [ full-width | proportional-width ]
初期値normal
適用可能要素すべての要素
継承継承する
メディアVisual
サポートC3 / Ch63 / Fx34 / Op50

説明

文字を、JIS78, JIS83 など、どの書体で表示するかを指定します。

説明
normal通常表示します。
jis78JIS X 0208-1978 (通称:旧JIS) の文字字形で表示します。
jis83JIS X 0208-1983 (通称:新JIS) の文字字形で表示します。
jis90JIS X 0208-1990 の文字字形で表示します。
jis04JIS X 0213-2004 の文字字形で表示します。
simplified簡略文字字形で表示します。
traditional伝統的文字字形で表示します。
full-width全角異体文字で表示します。
proportional-widthプロポーショナル字体で表示します。
rubyルビ用の文字字形で表示します。

使用例

例えば「麹」という文字は、JIS78 と JIS83 で書体が異なります。同じ文字コードであっても、対応ブラウザで表示すると、上側の文字は古い字体、下側の文字は新しい書体で表示されます。

HTML
<div style="font-family:'メイリオ'; font-size:22pt;">
 <div style="font-variant-east-asian:jis78;font-size:22pt;">麹町</div>
 <div style="font-variant-east-asian:jis83;font-size:22pt;">麹町</div>
</div>
表示
麹町
麹町

関連項目

font-variant, font-feature-settings

リンク


Copyright (C) 2015-2018 杜甫々
初版:2015年11月15日、最終更新:2085年1月7日
http://www.tohoho-web.com/css/prop/font-variant-east-asian.htm