*このページは web-dou.com のアーカイブです。(2025年 サイト統合)

WEB技術の辞書・解説・使用例

TOP > CSS >  CSS辞典 > font-weight
font-weight  文章  定番 

フォントの太さを指定。

X B! FB LINE

主な利用例

<strong>タグなどの代わりのスタイルとして font-weight:bold; が多く使われます。

パラメーター

数値で指定
　100(細)、200、300、400(標準)、500、600、700、800、900(太)で太さを指定。
　＊フォントに依存するため、太さが変化しない場合が多くあります。
キーワードで指定
　normal …標準。
　bold …太字(数値で700)。
　lighter …相対的に一段階細く。
　bolder …相対的に一段階太く。

サンプルコード

<p style="font-weight:100;">100を指定</p>
<p style="font-weight:400;">400を指定</p>
<p style="font-weight:800;">800を指定</p>

100を指定

400を指定

800を指定


<p style="font-weight:normal;">normal</p>
<p style="font-weight:bold;">bold</p>
<p style="font-weight:lighter;">lighter</p>
<p style="font-weight:bolder;">bolder</p>

normal

bold

lighter

bolder


<div style="font-weight:bold;">
太字です。
<span style="font-weight:lighter;">一段階細く</span>
</div>
太字です。一段階細く