カテゴリー
CSS font-weight

【CSS】font-weight:フォントの太さを指定

(例)【CSS】font-weightの使用方法

See the Pen
font
by linlin (@linlin098765)
on CodePen.

<p class="p">フォント</p>
<p class="p2">abcABC</p>
.p{
  font: bold large/20px "MS 明朝";
}
.p2{
  font-style:italic;
  font-variant: small-caps;
  font-weight:bold;
  font-size:30px;
  font-family:"MS ゴシック",sans-serif;
  line-height:40px;
  background-color:gray;
}

【CSS】font-weight:フォントの太さを指定

 CSSのfont-weightは、フォントの太さを指定するプロパティです。

  • 100〜900
    数値が小さいほど細い。100刻みで指定。
  • normal
    標準。400と同じ太さ。
  • bold
    太文字。700と同じ太さ。
  • lighter
    相対的に1段階細い。
  • bolder
    相対的に1段階太い。