---
title: font-size-adjust
slug: Web/CSS/font-size-adjust
translation_of: Web/CSS/font-size-adjust
---
<p>{{ CSSRef() }}</p>

<h2 id="概述">概述</h2>

<p><code>font-size-adjust</code> CSS属性定义字体大小应取决于小写字母，而不是大写字母。在字体较小时，字体的可读性主要由小写字母的大小决定，通过此选项即可进行调整。</p>

<p>当<span style="line-height: 19.09090805053711px;">{{ Cssxref("font-family") }}</span>的首选字体不可用时，如果备选字体的尺寸比（小写字母的大小与字体大小的比）有较大的差别时，可读性可能会成为一大问题。</p>

<p>为了兼容于不支持<code>font-size-adjust的浏览器，该属性的值应该被定义为</code>{{ Cssxref("font-size") }}的值所要乘的系数。 这意味着定义的值应该为首选字体的尺寸比。例如，样式表这样定义</p>

<pre class="brush: css">font-size: 14px;
font-size-adjust: 0.5;
</pre>

<p>的真实作用是定义小写字母的大小应该为<code>7px高</code> (0.5 × 14px).</p>

<p>{{cssinfo}}</p>

<h2 id="语法">语法</h2>

<pre class="brush:css">/* 仍使用font size的值 */
font-size-adjust: none;

/* 使用小写字母大小为font size一半大小的字体大小 */
font-size-adjust: 0.5;

font-size-adjust: inherit;
</pre>

<h3 id="值">值</h3>

<dl>
 <dt><code>none</code></dt>
 <dd>仅根据{{ Cssxref("font-size") }}属性决定字体大小。</dd>
 <dt><code>&lt;number&gt;</code></dt>
 <dd>
 <p>根据使小写字母大小（根据字体的x-height--西文字体设计中的基线与主线的距离--决定）为该值乘以{{ Cssxref("font-size") }}的结果定义字体。</p>

 <p>数字应为{{ Cssxref("font-family") }}的首选字体的尺寸比（x-height和字体大小的比）。这意味着当首选字体可用时，不论浏览器是否支持<span style="font-family: consolas,monaco,andale mono,monospace;">font-size-adjust，都</span>会显示文字为{{ Cssxref("font-size") }}的大小。</p>
 </dd>
</dl>

<h3 id="正式语法">正式语法</h3>

{{csssyntax("font-size-adjust")}}

<h2 id="示例">示例</h2>

<p><a href="/samples/cssref/font-size-adjust.html">查看在线演示</a></p>

<pre class="brush: css">p {
   font: 12px Verdana, "DejaVu Sans", sans-serif;
   font-size-adjust: 0.58;
} </pre>

<h2 id="规范">规范</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">规范</th>
   <th scope="col">状态</th>
   <th scope="col">b</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{ SpecName('CSS3 Fonts', '#propdef-font-size-adjust', 'font-size-adjust') }}</td>
   <td>{{ Spec2('CSS3 Fonts') }}</td>
   <td> </td>
  </tr>
 </tbody>
</table>

<p><code>font-size-adjust</code> CSS属性最初在CSS 2中被定义，但在CSS 2.1被放弃。后又被新添加至CSS 3。</p>

<h2 id="Browser_compatibility" name="Browser_compatibility">浏览器兼容性</h2>

{{Compat("css.properties.font-size-adjust")}}

<h2 id="参见">参见</h2>

<ul>
 <li><a class="external" href="http://dbaron.org/log/20080613-firefox3-css#font-size-adjust">David Baron about font-size-adjust</a></li>
</ul>