Setting Font properties
The Font Properties tab in the CSS Editor lets you define a font family and make font style settings, including color, font size, and line height. As you set font property options, a preview of the text properties displays in the lower right section of the CSS Editor.
To edit the font properties of a style: - Select a style in the CSS Editor and click the Font Properties tab
. - To set the text color, do one of the following:
- Choose a color from the color field menu
. - Choose a color name from the Color menu
. - Click the color field, and then select a color from the Color palette.
- To display a color behind text, do one of the following:
- Choose a Web-safe color from the Back Color color field menu
. - Choose a color name from the Back Color menu.
- Select the Back Color field, and then select a color in the Color palette. To set the font size, choose an absolute, relative, length unit, or a percentage from the Size 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.
- To set the distance between the baselines of two adjacent lines of text, choose a unit from the Line Height menu, and enter a number in the text box.
- To choose the style's preferred font family and alternate fonts and font families to use if the font is not available on the viewer's system, do one of the following:
- To add a font set, choose a set from the New Font Family menu
. After choosing a font family, each font from the font set is listed with a plus sign to the left of the font. - To add a font, click New Font
, and then choose a font from the Font menu or enter a font name in the text field. - To change the order of preference, select an entry in 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.
- To change a font in the list, select the listed font and then either type a different font name in the text field or choose a font from the pop-up menu
.
- To set the font style, choose a font style from the Style menu.
- To set the font weight, choose a font weight from the Weight 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.
- To set text-decoration properties, select any of the following Decoration options: None, Underline, Strike (to display a line through text), Overline (to display a line above text), or blink.
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.
|