Sets a system font and defines the font family or font family set, and font style settings such as size, color, weight, stretch, and the variant.
| Control | Description | Options | CSS Porperty |
|---|---|---|---|
| System Font | Sets all font properties to the values in the selected system font on the user's machine. | caption, icon, menu, message-box, small-caption, status-bar | theme_font_prop.html#mcs-system-font |
| Family | Lists multiple font families. Browse opens the Font Family Selection dialog. Names containing white space must be enclosed in single or double quotes. | <family_name> | theme_font_prop.html#font-family |
| Size | Absolute size and units using browser table, or relative size in relation to the parent. | large, x-large, xx-large, larger, small, x-small, xx-small, smaller | theme_font_prop.html#font-size |
| Size Adjust | An aspect value that preserves the x-height of the first choice font in the substitute font. | <number> | theme_font_prop.html#font-size-adjust |
| Stretch | Selects a normal, condensed, or extended face. | condensed, expanded, extra-expanded, narrower, normal, semi-condensed, semi-expanded, ultra-wider | theme_font_prop.html#font-stretch |
| Style | Sets the font style. | italic, normal, oblique | theme_font_prop.html#font-style |
| Variant | Specifies the font variant. | normal, small-caps | theme_font_prop.html#font-variant |
| Weight | Sets the weight of the selected font. The 'bolder' and 'lighter' values are relative to the inherited font weight. Other values are absolute font weights. | bold, bolder, lighter, normal, 100, 200, 300, 400, 500, 600, 700, 800, 900 | theme_font_prop.html#font-weight |
Lists multiple font families.
| Option | Description |
|---|---|
| <family_name> | A prioritized list of font family names and/or generic family names. Names containing white space must be enclosed in single or double quotes. |
| inherit | The value of the property should be inherited from the parent element. |
Absolute size and units using browser table, or relative size in relation to parent. The default value is 'medium'.
| Option | Description |
|---|---|
| large | Sets the font-size to a large size. |
| x-large | Sets the font-size to an x-large size. |
| xx-large | Sets the font-size to an xx-large size. |
| larger | Sets the font-size to a larger size than the parent element. |
| medium | Sets the font-size to a medium size. |
| small | Sets the font-size to a small size. |
| x-small | Sets the font-size to an x-small size. |
| xx-small | Sets the font-size to an xx-small size. |
| smaller | Sets the font-size to a smaller size than the parent element. |
| <length> | Sets the font-size to a fixed size in length units. |
| <percentage> | Sets the font-size to a percent of the parent element's font size. |
| inherit | The value of the property should be inherited from the parent element. |
An aspect value which preserves the x-height of the first choice font in the substitute font. The default value is 'none'.
| Option | Description |
|---|---|
| none | Fonts will not be scaled. |
| <number> | Refers to the aspect number of the first choice font. |
| inherit | The value of the property should be inherited from the parent element. |
Selects a normal, condensed, or extended face. The default value is 'normal'.
| Option | Description |
|---|---|
| normal | Fonts will not be condensed nor expanded. |
| condensed, expanded, extra-condensed, extra-expanded, narrower, ultra-condensed, ultra-expanded, semi-condensed, semi-expanded, wider | Condenses or expands the selected font. |
| inherit | The value of the property should be inherited from the parent element. |
Specifies the font style. The default value is 'normal'.
| Option | Description |
|---|---|
| italic | The text should be displayed in an italic font style. |
| normal | The browser displays a normal font style. |
| oblique | The text should be displayed in an oblique font style. |
| inherit | The value of the property should be inherited from the parent element. |
Specifies the font variant. The default value is 'normal'.
| Option | Description |
|---|---|
| normal | The browser displays a normal font. |
| small-caps | The browser displays a small-caps font. |
| inherit | The value of the property should be inherited from the parent element. |
Sets the weight of a font. The 'bolder' and 'lighter' values are relative to the inherited font weight. Other values are absolute font weights. The default value is 'normal'.
| Option | Description |
|---|---|
| bold | Specifies bold characters. |
| bolder | Specifies thicker characters than the value of 'bold'. |
| lighter | Specifies lighter characters. |
| normal | Specifies normal characters. |
| 100, 200, 300, 400, 500, 600, 700, 800, 900 | Specifies the weight of a font, from thin to thick characters. The value of '400' corresponds to 'normal', and '700' corresponds to 'bold'. |
| inherit | The value of the property should be inherited from the parent element. |
Sets all font properties to the values in the selected system font on the user's machine.
| Option | Description |
|---|---|
| caption | Selects the caption settings. |
| icon | Selects the icon settings. |
| menu | Selects the menu settings. |
| message-box | Selects the message-box settings. |
| small-caption | Selects the small-caption settings. |
| status-bar | Selects the status-bar settings. |
| inherit | The value of the property should be inherited from the parent element. |
<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/2002/06/xhtml2"
xmlns:mcs="http://www.volantis.com/xmlns/2006/01/xdime/mcs">
<head>
<title>Font properties</title>
<style type="text/css">
h2 {
mcs-system-font: status-bar;
}
p {
font-family: Verdana, Arial, sans-serif;
font-size: 25px;
font-size-adjust: inherit;
font-stretch: normal;
font-style: italic;
font-variant: small-caps;
font-weight: bold;
}
</style>
</head>
<body>
<div>
<h2>Antenna Software</h2>
<div>
<p>Antenna Software helps organizations solve the complexity of delivering the true mobile Internet
to thousands of unique devices, without compromise, to the highest quality user
experience, performance and reliability. Antenna Software is the world leader in Intelligent
Content Delivery solutions.</p>
</div>
</div>
</body>
</html>