フォントサイズ変換ツール
フォントサイズを、ポイント、ピクセル、em、rem、パーセント、ミリメートル、インチ、パイカの間で変換します。CSSの定義に従い、1インチは96ピクセル、72ポイントです。emや%、remが基準にするルートと親要素のフォントサイズも設定できます。
ブラウザは16 pxから始めます。htmlの要素や親に別のサイズをスタイルシートで設定している場合は、これらを変更してください。
すべての単位での12 pt
| 単位 | サイズ | CSS | コピー |
|---|---|---|---|
| ポイント（pt） | 12 | 12pt | |
| ピクセル（px） | 16 | 16px | |
| em | 1 | 1em | |
| rem | 1 | 1rem | |
| パーセント（%） | 100 | 100% | |
| ミリメートル（mm） | 4.2333 | 4.2333mm | |
| センチメートル（cm） | 0.4233 | 0.4233cm | |
| インチ（in） | 0.1667 | 0.1667in | |
| パイカ（pc） | 1 | 1pc |
計算過程
- 12 pt × 96 ÷ 72 = 16 px
- 16 px ÷ 16 px = 1 em
- 16 px ÷ 16 px = 1 rem
- 16 px × 25.4 ÷ 96 = 4.2333 mm
Windows版のWordとGoogleドキュメントは、文字サイズをポイントで指定し、1インチを96ピクセルとして扱います。そのため、拡大率100%では12ポイントの文字がブラウザの16 pxの文字と同じ大きさに見えます。
よく使うポイントサイズ
em、rem、%は、上のルートと親のサイズを使います。
| ポイント | ピクセル | em | rem | % | mm |
|---|---|---|---|---|---|
| 6 | 8 | 0.5 | 0.5 | 50 | 2.12 |
| 7 | 9.33 | 0.583 | 0.583 | 58.3 | 2.47 |
| 8 | 10.67 | 0.667 | 0.667 | 66.7 | 2.82 |
| 9 | 12 | 0.75 | 0.75 | 75 | 3.18 |
| 10 | 13.33 | 0.833 | 0.833 | 83.3 | 3.53 |
| 10.5 | 14 | 0.875 | 0.875 | 87.5 | 3.7 |
| 11 | 14.67 | 0.917 | 0.917 | 91.7 | 3.88 |
| 12 | 16 | 1 | 1 | 100 | 4.23 |
| 14 | 18.67 | 1.167 | 1.167 | 116.7 | 4.94 |
| 16 | 21.33 | 1.333 | 1.333 | 133.3 | 5.64 |
| 18 | 24 | 1.5 | 1.5 | 150 | 6.35 |
| 20 | 26.67 | 1.667 | 1.667 | 166.7 | 7.06 |
| 22 | 29.33 | 1.833 | 1.833 | 183.3 | 7.76 |
| 24 | 32 | 2 | 2 | 200 | 8.47 |
| 28 | 37.33 | 2.333 | 2.333 | 233.3 | 9.88 |
| 32 | 42.67 | 2.667 | 2.667 | 266.7 | 11.29 |
| 36 | 48 | 3 | 3 | 300 | 12.7 |
| 48 | 64 | 4 | 4 | 400 | 16.93 |
| 72 | 96 | 6 | 6 | 600 | 25.4 |
フォントサイズ変換ツールの使い方
- 1. サイズと単位を入力します。 12と入力してポイントを選ぶか、24と入力してピクセルを選びます。9種類の単位のどれでも出発点にできます。
- 2. 必要なら基準のサイズを設定します。 remはルート（
html）のフォントサイズを基準にし、emと%は親要素のフォントサイズを基準にします。どちらもブラウザの既定値である16 pxから始まります。 - 3. すべての単位でのサイズを確認します。 各行に値と貼り付け用のCSSが表示され、コピーボタンも付いています。計算過程では、各換算がピクセルを経由する様子を示します。
- 4. よく使うサイズの表を確認します。 ワープロのメニューにあるポイントサイズ（6から72まで）を、ピクセル、em、rem、%、ミリメートルの換算値とともに一覧にしています。
換算のルール
CSSは物理単位同士の関係を固定しています。1インチは96ピクセル、72ポイント、6パイカ、25.4ミリメートルです。したがって1ポイントはちょうど1ピクセルの4/3です。相対単位には、基準となるフォントサイズという追加の数値が必要です。
| 単位 | ピクセルへ | ピクセルから |
|---|---|---|
| ポイント（pt） | px = pt × 96 ÷ 72 | pt = px × 72 ÷ 96 |
| パイカ（pc） | px = pc × 16 | pc = px ÷ 16 |
| ミリメートル（mm） | px = mm × 96 ÷ 25.4 | mm = px × 25.4 ÷ 96 |
| インチ（in） | px = in × 96 | in = px ÷ 96 |
| em | px = em × 親のサイズ | em = px ÷ 親のサイズ |
| rem | px = rem × ルートのサイズ | rem = px ÷ ルートのサイズ |
| パーセント（%） | px = % × 親のサイズ ÷ 100 | % = px ÷ 親のサイズ × 100 |
ルートと親のサイズはピクセル単位です。スタイルシートで変更されない限り、どちらも16 pxです。
既定値では、12ptは12 × 96 ÷ 72 = 16 pxです。そこから16 ÷ 16で1em、1rem、100%になり、16 × 25.4 ÷ 96で4.2333mmになります。親のサイズを20 pxに設定すると、同じ16 pxは0.8emと80%になりますが、remは親を無視するため1remのままです。
12ptが16 pxに等しい理由
1ポイントは1インチの72分の1、CSSの1ピクセルは1インチの96分の1です。したがって12ポイントは12/72 = 1/6インチで、96 ÷ 6 = 16ピクセルになります。Windows版のWordとGoogleドキュメントも、画面上で1インチを96ピクセルとして扱うため、拡大率100%では12ポイントの文字がブラウザの16 pxの文字と同じ大きさに見えます。16 pxは、スタイルシートでサイズが指定されていない文字にブラウザが使う大きさです。
CSSのピクセルは、画面のドット1つとは限りません。高解像度のディスプレイでは、1つのCSSピクセルが複数のデバイスピクセルを覆い、ブラウザはすべての単位を同じ比率で拡大縮小するため、上の比率は常に成り立ちます。LaTeXは、1インチ72ポイントという基準の一般的な例外です。LaTeXのptは印刷業界のポイントで、1インチあたり約72.27ポイントです。そのため、LaTeXの12ptはWordやCSSの12ポイントより約0.4%小さくなります。TeXのbp（ビッグポイント、big point）は、このツールが使う1インチ72ポイントの単位です。
学術論文のフォントサイズ
書式ガイドは文字サイズをポイントで指定するため、論文のフォントを換算する必要はありません。ただ、各ガイドが実際に何を求めているかを知っておくと役立ちます。
- APA第7版 は、サイズ単独ではなく、フォントとサイズの組み合わせを挙げています。11ポイントのCalibri、11ポイントのArial、10ポイントのLucida Sans Unicode、12ポイントのTimes New Roman、11ポイントのGeorgia、10ポイントのComputer Modernです。
- MLA第9版 は、通常の書体と対比がはっきりするイタリックを持つ読みやすい書体を求めています。サイズは、担当教員の指示がない限り11〜13ポイントの間です。
- Turabian（学生向けのChicagoスタイル）：公式のチップシートは、12ポイントのTimes New RomanまたはCalibri、あるいは11ポイントのArialを勧めています。
同じポイントサイズでも、書体によって見え方は違います。たとえばArialはTimes New Romanより大きく読めます。そのためAPAは、フォントごとに専用のサイズを組み合わせています。余白、行間、ヘッダーなど、ページのその他の設定については、APA、MLA、Chicagoで学術論文を書式設定する方法をご覧ください。
よくある質問
- 12ptは何ピクセルですか？
- 16ピクセルです。CSSは1インチを96ピクセルかつ72ポイントと定義しているので、1ポイントはピクセルの4/3になり、12 × 4/3 = 16です。同じ計算で、10ptは13.33 px、11ptは14.67 px、14ptは18.67 pxになります。
- pxをremに換算するには？
- ルートのフォントサイズで割ります。既定の16 pxでは、24 pxは24 ÷ 16 = 1.5remで、14 pxは0.875remです。スタイルシートで
html要素に別のサイズを設定している場合は、それをルートのサイズとして入力すると、ツールはそれを使います。 - emとremの違いは何ですか？
- どちらも基準となるフォントサイズに対する相対単位ですが、基準が異なります。remは常にルート（
html）要素を基準にするため、1.5remはページのどこでも同じ大きさです。emは親要素を基準にするため、テキストがすでに1.5emの箱の中にある1.5emは、ルートサイズの2.25倍になります。emは入れ子になると効果が重なり、remは重なりません。 - 1emは常に16pxですか？
- 既定ではそうですが、常にとは限りません。1emは親要素のフォントサイズ、1remはルートのフォントサイズに等しく、ブラウザは両方を16 pxから始めます。読者がブラウザの設定で既定の文字サイズを変えると、その開始点が変わります。そのため、remやemで指定された文字は読者の選択に従い、pxで指定された文字は従いません。
- 12ptはミリメートルでいくつですか？
- 12ポイントは1/6インチ、つまり約4.23mmです。これはフォントのemボックス（各文字が描かれる設計上の領域）の大きさであり、大文字の高さではありません。一般的な本文用フォントでは、大文字の高さはその約3分の2程度です。
- 同じポイントサイズでも、書体によって大きく見えるのはなぜですか？
- ポイントサイズが決めるのはemボックスであり、目に見える文字の大きさではありません。書体はそのボックスの中で文字を異なる比率で描きます。たとえばArialは小文字がTimes New Romanより高く描かれるため、12ptのArialは大きく見えます。APA第7版が、すべての書体に1つの共通のサイズを使わず、11ptのArialと12ptのTimes New Romanを組み合わせるのはそのためです。