「pt」ってなんかプロっぽい。
どこかのサイトさんの CSS 説明で pt を使用しており、なんかその他とは一味違う感じのプロっぽさに憧れました。
そんな単純な理由でフォントサイズに pt を使用していたわけですが・・・
昔、知人に「えっ、pt 使ってるの？」って驚かれたことがあり、正直その時は何を驚いているのかよくわからず。
今ならわかるよ・・・
px が良い理由は単純。
横幅や縦幅のサイズを px で指定しているから、フォントも同じ px で指定した方がデザイン崩れが少なくなる。
line-height などの余白を考えなければ、通常文字サイズが 20px ならそのボックスの縦幅と横幅は 20px になる。
そう、サイズの指定が楽なんですよね。
アイコンを作る際も、文字サイズが 20px なら画像も 20px で作ってあげればいい。
あぁ、なぜこんな単純なことに気付かなかったのだろう。
追記
最近の流行は px ではなく em や rem だそうですよ。
変換するのが面倒なので、自分はしばらく px で戦います。