font-sizeにはptではなくpxを使おう

CSS 
body{
  font-size:10.5pt;
}

のようにやると、Webページのポイント単位でフォントサイズを指定する事ができる。

しかし、ここは

body{
  font-size:36px;
}

のようにpxを使いピクセル単位で指定するべきだ。

ポイントは、70ポイント=1インチ=2.54cmと定義された物理的な値。そのため、それが実際に何ピクセルになるかは、モニタやOSなどの環境によって変化する。

だから、ある環境で10.5ポイントのフォントの高さが40ピクセルの画像と同じ高さであっても、他の環境で同じである保証はない。

というわけで、一貫性をもったデザインを作りたい場合はピクセル単位で指定するべきだし、一貫性が必要ないならそもそも指定する必要がないでしょ？

参考