ウェブランサー

font-size-adjust - フォントのサイズを調整する

対応ブラウザ
IE7非対応IE8非対応Firefox対応Chrome非対応Opera非対応Safari非対応
適用対象 全ての要素
継承 する

font-size-adjustプロパティは、フォントのサイズを調整する際に使用します。各フォントは、大きさの値として、フォントサイズのほかに、『x-height』という値を持っています。この値は小文字『 x 』の高さを基準にしたもので、最終的な小文字の大きさは、この値に左右されます。

フォントサイズが同じでも、フォントごとに小文字のサイズはバラバラで、複数のフォントが混在するページでは読みにくくなる場合があります。[font- size-adjust]プロパティは、そういった不具合を解消する為に導入されました。しかし対応しているUAが非常に少ないため、一般的に見る事は殆どありません。また、fontプロパティを併用する場合は、このプロパティをfontの後に記述しないと、無効となってしまうようです。

font-size-adjustに与えられる値

font-size-adjust: none;
フォントのx-heightを維持しません。フォントごとの小文字の大きさは各フォントの『x-height』に依存します。
font-size-adjust: 数値;
このプロパティでは、『x-height』の値をフォントサイズで割った値を使用します(縦幅比)。[y(a/a') = c]

y  = 当該要素の font-sizeプロパティの値
a  = font-size-adjustプロパティの値
a' = 現在選択中のフォントの縦幅比
c  = 現在選択中のフォントの小文字に適用すべき font-sizeプロパティの値

例:縦幅比0.58のフォントが利用不可の時に、縦幅比0.46の代用フォントを使う場合。 14 x (0.58/0.46) = 17.65px

font-size-adjustの使用サンプル

CSS
.font_sample01 {
 font-family: 'Verdana','Times New Roman';
 font-size: 14px;
 font-size-adjust: normal;
}
.font_sample02 {
 font-family: 'Verdana','Times New Roman';
 font-size: 14px;
 font-size-adjust: .58px;
}
XHTML
<div class="font_sample01">
font-size-adjust表示サンプル<br />
font_sample01 [font-size-adjust:normal;]</div>

<div class="font_sample02">
font-size-adjust表示サンプル<br />
font_sample02 [font-size-adjust:.58px;]</div>
表示確認
font-size-adjust表示サンプル
font_sample01 [font-size-adjust:normal;]

font-size-adjust表示サンプル
font_sample02 [font-size-adjust:.58px;]

font-size-adjustに関連するCSSプロパティ

フォント・文字色
color 文字の色を指定する
font 文字フォントに関する指定をまとめて行う
font-family 文字フォントファミリー(フォントの種類)を指定する
font-feature-settings OpenTypeフォント機能の利用について、有効/無効を指定する
font-kerning 欧文フォントにカーニングを適用する
font-language-override 表示する文字フォントの言語を部分的に変更する
font-size 文字フォントのサイズ(大きさ)を指定する
font-size-adjust 文字フォントの種類の違いによるサイズのバラつきを調整する
font-stretch 文字フォントの横幅の広さを指定する
font-style 文字フォントを斜体で表示する
font-synthesis 太字や斜体を持たないフォントファミリーの場合に、太字や斜体で表示するかどうかを指定する
font-variant 文字フォントの表示に関するサブプロパティの値をまとめて指定する
font-variant-alternates 文字フォントの代替グリフ(字形)の選定を制御する
font-variant-caps スモールキャップス(small caps)などの、文字フォントのグリフ(字形)を指定する
font-variant-east-asian 表示する文字フォントのグリフ(字形)の指定を行う
font-variant-ligatures 隣り合った文字フォントの合字(リガチャ)を指定する
font-variant-numeric 数字の表示形式を指定する
font-variant-position 上付き文字、下付き文字を指定する
font-weight 文字フォントの太さを指定する