HTML DOM fontSizeAdjust Property
 Complete Style Object Reference
Definition and Usage
The fontSizeAdjust property sets/adjusts the size of a text.
The ratio between the height of the font's lowercase letter "x" and the
height of the "font-size" is called a font's aspect value.
If the aspect
value is high, the font will be readable when it is set to a smaller size. For
example: Verdana has an aspect value of 0.58 (means that when font size is 100px, its x-height is 58px). Times New Roman has an aspect value of 0.46. This
means that Verdana is more readable at smaller sizes than Times New Roman.
The fontSizeAdjust property specifies an aspect value for a text that
will preserve the x-height of the first-choice font.
Syntax
Object.style.fontSizeAdjust=none|number
|
Possible Values
| Value |
Description |
| none |
Do not preserve the first font's x-height if the font is
unavailable |
| number |
Defines the aspect value ratio for the font. The formula to use:
font-size of first-choice font*(aspect value of first-choice font/aspect value of
available font) = font-size to apply to available font
Example: If 14px Verdana (aspect value of 0.58) was unavailable, but an
available font had an aspect value of 0.46, the font-size of the
substitute would be 14 * (0.58/0.46) = 17.65px |
Example
The following example adjusts the font size of a text:
<html>
<head>
<script type="text/javascript">
function adjustFontSize()
{
document.getElementById("p1").style.fontSizeAdjust="0.70";
}
</script>
</head>
<body>
<p id="p1">This is an example paragraph</p>
<input type="button" onclick="adjustFontSize()"
value="Adjust font-size" />
</body>
</html>
|
Try-It-Yourself Demos
fontSizeAdjust - Adjust the font size of a text
Complete Style Object Reference
 |
|
|
See why there are 20,000+ Ektron integrations worldwide.
Request an INSTANT DEMO or download a FREE TRIAL today. |
|
|
|
