font-size-adjustプロパティは、フォントの種類の違いによるサイズのバラつきを調整して、テキストを読みやすくする際に使用します。
例えば、制作者が指定した第一候補フォントが存在せず、第二候補以降のフォントで表示された場合、フォントの種類とサイズの関係でテキストが読みづらくなることが起こりえます。
このような環境のユーザーを想定して、あらかじめfont-size-adjustプロパティで第一候補フォントの「フォントサイズに対する小文字xの高さ比率」を指定します。
こうすることで、第二候補以降のフォントで表示された場合にも、第一候補フォントの場合と同様のサイズで表示されて、読みづらくなることを防ぐことができます。
font-size-adjustプロパティは、CSS2.1で一旦削除されましたが、CSS3では採用されるかもしれません。
p.sample1 {font-family:Verdana;}
p.sample2 {font-family:Times;}
p.sample3 {font-family:Times; font-size-adjust:0.58;}
<html>
<head>
<link rel=”stylesheet” href=”sample.css”
type=”text/css”>
</head>
<body>
<p>
一番最後の「Times」の行ではfont-size-adjustの値を「Verdana」と同じ0.58で指定することで、「Verdana」と「Times」でフォントの種類が異なっても文字サイズが揃うように調整しています。
</p>
<p class=”sample1″>font-family:Verdana;</p>
<p class=”sample2″>font-family:Times;</p>
<p class=”sample3″>font-family:Times; font-size-adjust:0.58;</p>
</body>
</html>
一番最後の「Times」の行ではfont-size-adjustの値を「Verdana」と同じ0.58で指定することで、「Verdana」と「Times」でフォントの種類が異なっても文字サイズが揃うように調整しています。
font-family:Verdana;
font-family:Times;
font-family:Times; font-size-adjust:0.58;
