HTML & CSS - テキストの太さを調整する

テキストの太さを調整する

テキストの太さを調整するには、CSS の font-weight プロパティで定義します。font-weight プロパティの値は normal (通常の太さ) や、bold (太字) などで指定します。

<!DOCTYPE html>
<html lang="ja">
  ...
  <p class="fontweight_bold">
    フォントの太さを太字に指定した文章です。
  </p>
  ...
</html>
テキストの太さを調整する - HTML
.fontweight_bold{
    font-weight: bold;
}
テキストの太さを調整する - CSS

その他のプロパティ値として 100, 200, 300, 400, 500, 600, 700, 800, 900 の数値を指定することもできます。400 が通常の太さで、それよりも小さければ細字、大きければ太字になります。

フォントについての CSS 設定例は、読みやすいフォントの CSS 設定例を参照してください。

関連記事