rem ⇔ px 対応表(1rem = 16px 基準)
| rem | px(相当) | 用途の例 |
|---|---|---|
| 0.5rem | 8px | 非常に小さい文字(ほぼ使わない) |
| 0.625rem | 10px | 補助UI、ラベル等 |
| 0.75rem | 12px | キャプション |
| 0.8125rem | 13px | 細かいテーブル文字 |
| 0.875rem | 14px | テーブル本文、サブテキスト |
| 0.9375rem | 15px | 社内ツールの基本文字サイズ |
| 1rem | 16px | 標準の本文サイズ |
| 1.125rem | 18px | 少し大きめの本文 |
| 1.25rem | 20px | セクションタイトル |
| 1.375rem | 22px | 大見出し(やや大きめ) |
| 1.5rem | 24px | ページタイトル |
| 1.75rem | 28px | 大きめのタイトル |
| 2rem | 32px | ヒーローやメイン見出し |
| 2.5rem | 40px | 大きいタイトル |
| 3rem | 48px | 特大タイトル |