サイト構築におけるフォントサイズはptよりもpx

「pt」ってなんかプロっぽい。

どこかのサイトさんの CSS 説明で pt を使用しており、なんかその他とは一味違う感じのプロっぽさに憧れました。

そんな単純な理由でフォントサイズに pt を使用していたわけですが・・・

昔、知人に「えっ、pt 使ってるの?」って驚かれたことがあり、正直その時は何を驚いているのかよくわからず。

今ならわかるよ・・・

px が良い理由は単純。

横幅や縦幅のサイズを px で指定しているから、フォントも同じ px で指定した方がデザイン崩れが少なくなる。

line-height などの余白を考えなければ、通常文字サイズが 20px ならそのボックスの縦幅と横幅は 20px になる。

そう、サイズの指定が楽なんですよね。

アイコンを作る際も、文字サイズが 20px なら画像も 20px で作ってあげればいい。

あぁ、なぜこんな単純なことに気付かなかったのだろう。

追記

最近の流行は px ではなく em や rem だそうですよ。

変換するのが面倒なので、自分はしばらく px で戦います。

コメントを残す