Setting Font properties

The Font set  of the CSS Style Inspector lets you define a font family and make font style settings, including color, font size, and line height.

To edit the font properties of a style:

1. Select a style in the CSS Editor. In the Font set  of the CSS  Inspector, either choose a font color from the Color pop-up menu or drag a color from the Color palette to set the foreground color property.
2. Choose an absolute, relative, length unit, or a percentage from the Units pop-up menu. If you choose a length or percentage unit, enter a font size or percent in the Size text box. For more information on units, see About relative, absolute, and percentage units.

Choose Pixel units to ensure that a font size will display the same across the Mac OS and Windows platforms.

3. Enter a number in the Line Height text box. Line height is the distance between the baselines of two adjacent lines of text. Select a unit from the Units pop-up menu.
4. Choose a font style from the Style pop-up menu.
5. Choose a font weight from the Weight pop-up menu. Values of 100-300 are lighter than normal, and values of 500-900 are heavier than normal. Lighter and Bolder apply font weights that are relative to the weight inherited from the parent item.
6. Choose the style's preferred font family and alternate font families to use if the font is not available on the viewer's system. To add font families to the Font Family list, do one of the following:
• Choose a font set from the Font Set pop-up menu.
• Click New, and then choose a font from the Font pop-up menu or enter a font name.
• To change the order of preference, select an entry from the list, and then click the Move Item Upwards and Downwards buttons to shift the selection. A font that is higher in the list takes precedence over fonts that are lower in the list. If none of the listed fonts is available on the viewer's system, a font that matches a listed font specification, such as sans serif, is used.
7. Select font properties in the Decoration section to set a text-decoration property.

To remove underlines from hyperlinked text, create an HTML element style named "a" after the <a> tag that is used for links. In the Font set of the CSS Inspector, set the style's Decoration property to None.