CSSベース設定時のfont-sizeとrem指定について

2回目、3回目のデザインカンプを終えて振り返りをしている時に、「フォントのサイズ指定をどのようにやっていくのか」が、私にとって課題の1つでした。

pxが良いのか、remが良いのか、これについては時々ネットでも議論されることみたいで、各単位の違いをしっかり理解した上で使えば、どちらでも良い、というのが、私がググったところ得られた答えになります。

ただ、ここら辺は統一しておいた方が良いと思い、私自身はremでとりあえずは対応していくことにしました。そしてベース設定で指定するfont-sizeは62.5%にします。これはXDなどのデータからfont-size(px単位)を取得した時、わざわざremの計算にし直す必要がないからです。

私はこのことを知らず、3回目のデザインカンプの時はベース設定のfont-size: 100%;とし、いちいち計算していました・・・・。大変だった。でも、いろいろ調べてみると、わざわざ1か所1か所計算し直さなくても、ベース設定をfont-size:62.5%;にしておけば、例えば14pxは1.4remと10分の1すれば良いとのこと。これを知った時は衝撃でした。今知れて良かったと思います。このまま延々と計算しなくて済むと思うと、本当にほっとしました^^;

この記事を書いた人