CSSfont-stretchプロパティの使用方法

font-stretch CSSプロパティを使用すると、テキストを狭く（圧縮）または広く（拡張）することができます。

これらのタイプのフォントは、凝縮とも呼ばれます。 または拡張 フォント。

• 凝縮されたフォント ストローク幅の狭い文字があります。また、通常のフォントと比較して、文字間のスペース（文字間隔/先頭）がはるかに狭くなっています。
• 拡張フォント 高さに比例して、通常のフォントよりもストローク幅が広い文字があります。

CSS font-stretch プロパティの値は次のとおりです（フォント面の種類）：

• 超凝縮
• 余分に凝縮された
• 凝縮
• 半凝縮
• 通常
• 半拡張
• 拡張
• 追加拡張
• 超拡張

コード例

h1 {
  font-family: sans-serif;
  font-stretch: expanded;
}

h2 {
  font-family: sans-serif;
  font-stretch: condensed;
}

重要： ほとんどの書体/フォントファミリには、これらの圧縮または拡張されたフォント面が装備されていません。

したがって、font-stretchを使用する前に CSSスタイルシートのプロパティで、使用しているフォントファミリに、使用する特定の圧縮または拡張されたフォント面が含まれていることを確認してください。

注：font-stretchを使用する場合 選択したフォントファミリが凝縮または拡張されたフォント面を提供しない場合でも、プロパティは何も起こりません。フェイクボールドやフェイクイタリックとは異なり、醜いフェイク（コンピューター生成）フォントは使用できません。

しかし、ブラウザテクノロジーは頻繁に変更されるので、なぜそれを危険にさらすのでしょうか。