[css] 日本語フォントの Aspect value を取得し font-size-adjust を検証するよ

font-size-adjust

きっかけは builder のエントリー

フォントの種類でレイアウトを崩さないために：font-size-adjustプロパティ - builder by ZDNet Japan

http://builder.japan.zdnet.com/sp/css-firefox-safari/story/0,3800083423,20379391,00.htm

CSS 3 の font-size-adjust プロパティについて

素晴らしい機能だと思うけど、残念なことに日本語環境ではあまり効果が無いらしい。
これを大雑把に検証してみる。

Aspect value とは

font-size-adjust プロパティに指定する値。font-size に対する小文字 x の高さ(いわゆる x-height) の割合。
(CSS3 の Font の項に簡易表があります。)
まずは任意の font-family の Aspect value を取得してみたい。

getAspectValue

とは言っても、x-height が取得できればほぼ完成なのでx-heightが何pxかを調べる方法 - WebStudioのアイデアを有難く使用させてもらう。

できた

入力欄に font-family を入力して "Aspect value を調べる" をクリックしてください。
例：メイリオ
例：MS UI Gothic

• Firefox 専用です。
• インストールしていないフォントの Aspect value は取得できません。

x

早速、 Windows XP + Firefox 3 で font-size-adjust を試してみる

何も指定しない状態。font-size は 16px。

font-size-adjust に 0.55(メイリオの Aspect value)を指定。
どうでしょうか？