%・px変換ツール（フォント基準）
この記事はアフィリエイト広告を利用しています。
基準のフォントサイズをもとに、font-sizeで使用するパーセンテージ（%）とpxを相互変換できるツールです。親要素の文字サイズを基準に、125%や150%が何pxになるかを調べられます。
できること
- %からpxへ変換できます
- pxから%へ変換できます
- 基準のフォントサイズを指定して計算できます
- よく使うフォント比率の変換表を確認できます
- 計算後の文字サイズをプレビューで確認できます
- 結果をワンクリックでコピーできます
使い方
- 「%→px」または「px→%」の変換モードを選びます
- パーセンテージまたはpx値を入力します
- 基準のフォントサイズを入力するか、プリセットから選びます
- 表示された変換結果とフォントサイズプレビューを確認します
- 必要に応じて「結果をコピー」を押します
よくある質問
-
%・px変換ツール（フォント基準）とは何ですか？
-
基準のフォントサイズをもとに、font-size用のパーセンテージ（%）とpxを相互変換できるツールです。
-
ツールは無料で使えますか？データは送信されますか？
-
ツールは無料で利用できます。入力・選択したデータはお使いのブラウザ内で処理され、サーバーへ送信されることはありません。
-
何を基準に計算されますか？
-
親要素のフォントサイズを基準に計算します。
-
16pxを基準にした場合、125%は何pxですか？
-
基準のフォントサイズが16pxの場合、125%は20pxです。
-
20pxは16px基準で何%ですか？
-
基準のフォントサイズが16pxの場合、20pxは125%です。
-
フォントサイズプレビューは何を表示していますか？
-
計算結果のpxサイズをfont-sizeとして反映し、文字の大きさの目安を表示しています。実際の表示とは異なりますのであくまで参考としてご利用ください。
-
widthやflex-basisの%変換にも使えますか？
-
このツールは、font-size用の%変換を想定しています。widthやflex-basisなどのレイアウト幅を計算する場合は、「%・px変換ツール（コンテナ基準）」がオススメです。
