CSSでのフォントの太さの設定方法


  1. フォントの太さを指定する方法: CSSのプロパティ「font-weight」を使用して、フォントの太さを指定します。このプロパティには以下の値があります。

    • normal: 通常の太さ
    • bold: 太字
    • lighter: より薄い太さ
    • bolder: より太い太さ
    • 数値: 100から900までの値を指定することもできます。一般的に100から900の間の100の倍数が使用されます。
  2. CSS内でのフォントの太さの指定例: a) テキスト全体に太さを指定する場合:

      body {
        font-weight: bold;
      }

    b) 特定の要素に太さを指定する場合:

      h1 {
        font-weight: 700;
      }
      p {
        font-weight: lighter;
      }
  3. フォントの太さを組み合わせる方法: フォントの太さは他のCSSプロパティと組み合わせて使用することもできます。例えば、フォントの太さを変えながらテキストの大きさを指定することも可能です。

    h2 {
     font-weight: bold;
     font-size: 24px;
    }

以上が、CSSでフォントの太さを設定する方法の基本的な内容です。これらの指示に従ってコードを書くことで、理想的な見た目のテキストを作成することができます。