CSS GUIDE FONT-SIZE-ADJUST

Summary

A factor contributing to the legibility of fonts at different sizes is the relationship between <span class="plainlinks"><span style="color:black;font-weight:normal; text-decoration:none!important; background:none!important; text-decoration:none;/*CITATION*/">child carrier</span></span> kid carrier the height of the 'font-size' and the height of the font's x-height (the height of its lowercase letter 'x'.) The ratio between these two factors ('font-size' divided by x-height) is called a font's &quot;aspect value.&quot; If an aspect value ratio is large for a font, it is more likely to be legible at a given font-size than a font with a smaller aspect value.

The font-size-adjust property allows authors to specify the &quot;aspect value&quot; that they wish to maintain. It becomes helpful when a specified font is unavailable and the system needs hints to determine the most suitable substitute.

Syntax

&lt;pre&gt; h5.med { font-size-adjust: number | none } &lt;/pre&gt;

Legal Values

inherit

• Explicitly sets the value of this property to that of the parent.

none

• Do not preserve the current specified font's x-height if the font is not available.

number

• Specifies the Aspect Value ratio for the font. The formula for determining the appropriate font size for an available font is:

 ['font-size']*(['font-size-adjust']/[aspect value of available font]) = [font size to use]

Usage Examples

&lt;pre&gt; Ext/Doc: h5.med { font-size-adjust: 0.58 } In-Line: &lt;h5 STYLE=&quot;font-size-adjust: 0.58&quot;&gt;text&lt;/h5&gt; &lt;/pre&gt;

Notes

• Child elements inherit 'un-adjusted' font-size values.
• The CSS2 spec states that a 'font-size-adjust' number value indicates the aspect value of the first-choice font. No mention is made of what should happen if the actual aspect value of the indicated font conflicts with the given aspect value.