CSS 2.0 の勉強 (フォントのアスペクト比を指定)

CSS 2.0 を勉強しましょう。

フォントのアスペクト比を指定する方法を説明します。

以下の例では、x-height に 0.4 を指定しています。

■コード (HTML)

<p class="text1">Hello, World!</p>
<p class="text2">Hello, World!</p>

■コード (CSS)

p.text1 {
font-size: 48px;
font-size-adjust: none;
}

p.text2 {
font-size: 48px;
font-size-adjust: 0.4;
}

■ 説明
ブラウザによっては表示が正しくありません。Firefox の最新版で確認しました。font-size-adjust プロパティは、アスペクト比を指定していることになります。