文字の太さを指定する

文字の太さを指定する【font-weight】

ブラウザで表示した時の見え方

文字を太くする

ソースサンプル

【CSS】

.weight {
font-weight: 700
}

【HTML】

<div class="weight">文字を太くする</div>

[ 黒※説明中のタグ紫※省略可能なタグ赤※変更可能緑※文章など ]

解説

文字の太さの表し方は表の通りです。（100～900までの数値で指定することもできます。その場合は100、200・・という風に100ごとに刻むこと。）

オプション
normal	通常の太さ（数値指定の400と同じ太さ）	font-weight: normal
bold	太字（数値指定の700と同じ太さ）	font-weight: bold
bolder	文字をより太くする	font-weight: bolder
lighter	文字をより細くする	font-weight: lighter
数値	文字の太さを100～900の間で100刻みで指定する	font-weight: 700
値	機能	例

AICHAN WEB(Z) > HTML＆CSSサンプル集(S) > CSS - 文字の太さを指定する