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※ フォントを縦長・横長にする 

戻る

TOP

WEB SEARCH
MENU
CONTENTS
digilog.TOP
digilog.HTML
digilog.CSS
digilog.SEO
digilog.img