【CSS】フォントサイズをpxからremに変換！font-size指定対応早見一覧表

フォントサイズをremで指定したいけれど、何remが何pxになるのか分からなくなる

こんな疑問にお答えします。

1rem=16px、または1rem=14pxを基準として、h1やh2の見出しやキャッチコピー部分の大文字、注釈部分の小文字などのフォントサイズを決めたいけど、何pxが何remになるのか、いつも分からなくなる。
調べるのに意外と手間がかかって、タイムロスを後悔。
Webデザイナーあるあるですね。私もです。

この記事では、pxからremへの変換がさくっと分かる対応一覧表を作成しています。
フォントサイズ指定の早見表（チートシート）としてご活用ください。

【font-size】フォントサイズrem/px変換一覧表

本当は暗記していたり暗算できたりするのが真に優秀なコーダーなんでしょうが、計算に弱い私は10年以上コーディングやっていてもちっとも覚えきれません。
できないことは無理せず、「あーあそこに置いといたなー」とだけ覚えて、いつも見られる場所へ保存しておくくらいが、ちょうどいいです。