フォントサイズ調整プロパティ font-size-adjust

プロパティ font-size-adjust は、 font-size を変更せずに（増減させずに）フォントサイズを 制御することを可能にします。

適用例： font-family でカンマ区切りで2つのフォントが指定されている場合、例えば Georgia, "Times New Roman" とします。 ユーザーのコンピューターに Georgia フォントが インストールされていない場合、"Times New Roman" が 適用されます。しかし、ここで問題が発生します - 同じ font-size の値でも、フォントによって見た目のサイズが異なって見えるのです。 以下の例では、両方の段落に 16px の font-size が設定されていますが、 font-family が異なります。 サイズの違いを確認してください：

:

これは、表示されるフォントサイズが、 フォントの全体的なサイズを決定するだけの プロパティ font-size よりも、 font-size プロパティの値と x-height（ x-height は、 特定のフォントにおける小文字の "x" と 大文字の "X" のサイズ差）の大きさの比率に 大きく依存しているためです。

この比率はフォントの アスペクト と呼ばれ、次の式で計算されます： アスペクト = font-size / x-height。

このサイズの問題を解決するのが font-size-adjust プロパティです（フォントのアスペクトを変更できます）。 これにより、2番目のフォントを1番目のフォントと 同じサイズに見せることができます。

Times New Roman フォントを Georgia と 同じサイズにしてみましょう。 Georgia の アスペクトは 0.5 であることが知られています （以下の表を参照）。

Times New Roman のテキストに font-size-adjust を値 0.5 で設定すると、2番目のテキストが 最初のテキストと同じサイズになったことがわかります：

:

構文

値

値	説明
number	数値はフォントのアスペクトを指定します。
none	フォントサイズの調整を行いません。

デフォルト値： none。

フォントのアスペクト値をどのように決定するか？

W3C 仕様の抜粋をご覧ください： 選択されたフォントの比率（アスペクト）は、 同じテキストで異なる font-size-adjust 値を 比較することで計算できます。プロパティの値が正しく 選択されている場合、同じフォントサイズであれば、 ページで使用されるすべてのフォントに対して テキストは変わらないままになります。

私が知っているいくつかのフォントのアスペクト値を 示します： Georgia - 0.5、 Times New Roman - 0.46、 Verdana - 0.58。

例

同じ font-size と font-family で、 異なる font-size-adjust 値のテキストが どのように見えるか比較してください：

:

例 . 実際の適用例

以下のコードは、ユーザーのコンピューターに フォント Georgia がインストールされていない場合、 適用されるフォント Times New Roman が Georgia と同じサイズになるようにします：

: