フォントの幅を指定する

font-stretch

{ font-stretch フォント・ストレッチ : ; }

font-stretchプロパティは、フォントの幅を指定します。幅の種類が用意されたフォントの場合、指定した幅、またはもっとも近い幅で表示されます。幅の種類がないフォントの場合、表示は変更されません。

初期値 normal
継承 あり
適用される要素 すべての要素
モジュール CSS Fonts Module Level 3

値の指定方法

ultra-expanded もっとも幅の広いフォントで表示されます。
extra-expanded かなり幅の広いフォントで表示されます。
expanded 幅の広いフォントで表示されます。
semi-expanded やや幅の広いフォントで表示されます。
normal 通常の幅のフォントで表示されます。
semi-condensed やや幅の狭いフォントで表示されます。
condensed 幅の狭いフォントで表示されます。
extra-condensed かなり幅の狭いフォントで表示されます。
ultra-condensed もっとも幅の狭いフォントで表示されます。

サンプルコード

.exand{
  font:20px "Arial",sans-serif;
  font-stretch: expanded;
  }
.cond{
  font:20px "Arial",sans-serif;
  font-stretch: condensed;
}