CSSリファレンス

font-stretchの意味と使い方

「font-stretch」はどの幅のフォントで表示するのかを指定します。
「condensed」は幅の狭いフォント、「expanded」は幅の広いフォントを表し、これらが含まれるキーワードを使って指定します。ブラウザは、ユーザーの環境にインストールされているフォント、またはWebフォントとして複数の幅のフォントが用意されている場合に、キーワードに応じたフォントを使って表示を行います。キーワードに会うフォントがない場合は、利用できる幅のフォントの中で条件の近いものを使って表示します。幅の選択肢がなければ表示上の変化はありません。

値の指定方法

normal

標準の幅を指定します。


ultra-condensed、extra-condensed、condensed、semi-condensed

標準よりも幅の狭いフォントを指定します。「ultra-condensed」が最も幅の狭いフォントになります。


semi-expanded、expanded、extra-expanded、ultra-expanded

標準よりも幅の広いフォントを指定します。「ultra-expanded」がもっとも幅の広いフォントになります。