CSS - font-size-adjust 属性_CSS 菜鸟教程

font-size-adjust 属性可用于指定字体的纵横比（数值比率），该值控制字体的 x 高度（小写字母的高度）。

这可确保回退字体相对于指定字体保持一致的视觉大小和比例。

可能的值

<number>：指定一个数值，该值表示纵横比值，该值是字体的 x 高度与 font-family 属性指定的字体 x 高度之比。
none：指定不根据 x 高度调整字体大小。
<keyword>：指定要规范化的字体度量：

ex-height：x-height 除以 font-size。
cap-height：使用 font-height by font-size。
ch-width：字体的水平窄间距被归一化。
ic-width：字体的水平宽间距被归一化。
ic-height：字体的垂直宽间距被归一化。

适用于

所有 HTML 元素。

DOM 语法

object.style.fontSizeAdjust = "0.61";

注意：“Firefox”浏览器支持 font-size-adjust 属性。

CSS font-size-adjust - 基本示例

下面是一个示例：

<html>
<head>
<style>
	 	p {
	 	 	 padding: 5px;
	 	 	 border: 2px solid blue;
	 	}
	 	p.p1 {
	 	 	 font-family: 'Courier New', Courier, monospace;
	 	 	 font-size-adjust:none;
	 	}
	 	p.p2 {
	 	 	 font-family: Verdana, Geneva, Tahoma, sans-serif;
	 	 	 font-size: 20pt;
	 	 	 font-size-adjust: 0.6;
	 	}
	 	p.p3 {
	 	 	 font-family: Verdana, Geneva, Tahoma, sans-serif;
	 	 	 font-size: 20pt;
	 	 	 font-size-adjust: ex-height 0.6;
	 	}
</style>
</head>
<body>
	 	<h2>Font-size</h2>
	 	<p class="p1">
	 	 	 The font-size-adjust is none.
	 	</p>
	 	<p class="p2">
	 	 	 The font-size-adjust is 0.6 on font-size 20pt.
	 	</p>
	 	<p class="p3">
	 	 	 The font-size-adjust is ex-height and 0.6 on font-size 20pt.
	 	</p>
</body>
</html>

<< CSS - font-size 属性 CSS - font-stretch 属性 >>