font-size-adjust 【フォントのサイズを調整する】
[Ns7]
font-size-adjustプロパティは、フォントのサイズを調整する際に使用します。
各フォントは、大きさの値として、フォントサイズのほかに、『x-height』という値を持っています。この値は小文字『 x 』の高さを基準にしたもので、最終的な小文字の大きさは、この値に左右されます。
フォントサイズが同じでも、フォントごとに小文字のサイズはバラバラで、複数のフォントが混在するページでは読みにくくなる場合があります。font-size-adjustプロパティは、そういった不具合を解消する為に導入されました。しかし対応しているUAが非常に少ないため、一般的に見る事は殆どありません。また、fontプロパティを併用する場合は、このプロパティをfontの後に記述しないと、無効となってしまうようです。
none
フォントのx-heightを維持しません。フォントごとの小文字の大きさは各フォントの『x-height』に依存します。
数値で指定する
このプロパティでは、『x-height』の値をフォントサイズで割った値を使用します(縦幅比)。
y = 当該要素の font-sizeプロパティの値
a = font-size-adjustプロパティの値
a' = 現在選択中のフォントの縦幅比
c = 現在選択中のフォントの小文字に適用すべき font-sizeプロパティの値
y(a/a') = c
【例】縦幅比0.58のフォントが利用不可の時に、縦幅比0.46の代用フォントを使う場合。
14 x (0.58/0.46) = 17.65px
font-size-adjustの使用例
CSSファイル
.fontsp012 {
font-family: 'Verdana','Times New Roman';
font-size: 14px;
font-size-adjust: normal;
}
.fontsp013 {
font-family: 'Verdana','Times New Roman';
font-size: 14px;
font-size-adjust: .58px;
}
HTMLソース
<p class="fontsp012>
font-size-adjustプロパティ使用例<br />
font-size-adjust: normal;<br />
abcdefg 123456789
</p>
<p class="fontsp013">
font-size-adjustプロパティ使用例<br />
font-size-adjust: .58px;<br />
abcdefg 123456789
</p>
表示すると
font-size-adjustプロパティ使用例
font-size-adjust: normal;
abcdefg 123456789
font-size-adjustプロパティ使用例
font-size-adjust: .58px;
abcdefg 123456789
フォント関連項目
| font | フォントに関する指定をまとめて行う |
| font-size | フォントのサイズを指定する |
| font-weight | フォントの太さを指定する |
| font-family | フォントの種類を指定する |
| font-style | フォントをイタリック体・斜体にする |
| font-variant | フォントをスモールキャップにする |
| font-size-adjust※ | フォントのサイズを調整する |
| font-stretch※ | フォントを縦長・横長にする |
