文字
font-weight 文字の太さを変える
意味
文字の太さを変える場合に使います。bold や 700 がよく使われます。意味として強く示したい場合は HTML の <strong>、見た目だけ太い場合はこのプロパティ、と分けるとよいです。
コード
HTMLとCSSをコピーして、自分のファイルへ貼り付ければ同じ見た目を確認できます。
<p>この文字が太くなります。</p>p {
font-weight: 700;
}プレビュー
ブラウザ対応
| ブラウザ | 対応 |
|---|---|
| Chrome | 2〜 |
| Firefox | 1〜 |
| Safari | 1〜 |
| Edge | 12〜 |
| Chrome Android | 18〜 |
| Safari iOS | 1〜 |
出典: MDN Web Docs（`@mdn/browser-compat-data`）