Font Picker Dialog Box

  • Article

The Font Picker dialog box is used to pick fonts that apply to a stylesheet and to set a font sequence. A font sequence specifies the order in which fonts are selected when the page displays in a browser. To open the Font Picker dialog box, choose Build Style from the Styles menu. In the Style Builder dialog box, choose Font in the left pane, choose Family in the right pane, and then click the ellipsis button (...) next to the Family field.

  • Installed Fonts
    Lists fonts that are installed on your system. Some browsers might display these fonts differently or substitute a local font if a font that is selected for a style is not available locally.

  • Generic Fonts
    Lists fonts that are guaranteed to work in all browsers. Generic font formatting ensures consistent performance regardless of the Web browser.

  • Custom Fonts
    Used to select custom fonts, which are either created by you or provided by a third party and installed on your system. As with installed fonts, some browsers might display these fonts differently or substitute a local font if a font that is selected for a style is not available locally.

  • Selected Fonts
    Installed, generic, and custom fonts that you add to the Selected Fonts list appear in the order, from top to bottom, in which you added them. The order is also the sequence in which fonts are prioritized for display on your pages. If the first font in the list is not available locally to a user who is browsing your page, fonts are substituted sequentially until a match occurs. If no matches occur, a system font is used as a substitute.

    After you select a font in the Selected Fonts list, use these buttons to add, remove, or change the font sequence:

    To Select this button
    Add a font to the selected fonts list
    Move a font up in the selected fonts list
    Move a font down in the selected fonts list
    Remove a font from the selected fonts list

See Also

Introduction to Cascading Style Sheets | Working With CSS Styles | Building CSS Styles | Font, Style Builder Dialog Box | Setting CSS Font Attributes