18 / 文字サイズ

文字サイズ変換

px・pt・em・rem・vwを相互変換します。Web制作・DTPデザインに便利です。

入力

px(ピクセル)
pt(ポイント)
em(親要素基準)
rem(ルート要素基準)
vw(ビューポート幅基準 ※375px想定)

フォントサイズ早見表(ベース16px)

pxptremvw(375px)
107.50.6252.67
1290.753.2
1410.50.8753.73
161214.27
1813.51.1254.8
20151.255.33
24181.56.4
322428.53
4836312.8

よくある質問

16px(96dpiの場合)は12ptです。ptはポイントで1pt=1/72インチ。Webの96dpiでは1pt=96/72≒1.333pxとなります。

emは親要素のフォントサイズを基準とした相対単位、remはルート要素(html)のフォントサイズを基準とした相対単位です。remの方がネストによる複雑さがなく管理しやすいです。

vwはビューポート幅(Viewport Width)に対する相対単位で、1vw=画面幅の1%です。レスポンシブデザインで文字サイズを画面幅に合わせて変化させる際に使います。

ブラウザのデフォルトは16px(12pt)です。本文は14px〜18pxが読みやすいとされ、スマートフォンでは15〜16px以上が推奨されます。

DTPは印刷の解像度(72dpiや96dpi)を基準にptを使い、Webはスクリーンのピクセルベースでpxやem/remを使います。単純変換では見た目が合わないことがあります。

関連ツール