Setting Font properties


    The Font Properties tab  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:

  1. Select a style in the CSS Editor and click the Font Properties tab  Font Properties tab .
  2. To set the text color, do one of the following:
    • Choose a color from the color field menu color field menu .
    • Choose a color name from the Color menu Color menu .
    • Click the color field, and then select a color from the Color palette.
  3. To display a color behind text, do one of the following:
    • Choose a Web-safe color from the Back Color color field menu 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.

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

  4. 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.
  5. 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 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 New Font button, 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 pop-up menu .
  6. To set the font style, choose a font style from the Style menu.
  7. 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.
  8. 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.
  9. Tip 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.