■ なぜ重要か
文字は「情報そのもの」
👉 読みにくい=価値が伝わらない
■ font-size(サイズ)
font-size: 16px;
👉 ブラウザ標準は約16px
■ 単位の違い
- px → 固定
- em → 親に依存
- rem → ルート基準(実務で多い)
👉 remが最も管理しやすい
■ font-family(フォント)
font-family: “Arial”, sans-serif;
👉 複数指定は「保険」
■ font-weight(太さ)
font-weight: 700;
👉 実務では数値が多い(400=通常、700=太字)
■ 理解の核心
👉 フォントは「デザイン」ではなく
👉 読みやすさの設計