Share via


Font Picker Dialog Box

The Font Picker dialog box is used to pick fonts that apply to a style sheet and to set a font sequence. A font sequence specifies the order in which fonts are applied when the page displays in a browser.

To open the Font Picker dialog box

  1. On the Style menu, click Style Builder.

  2. In the Style Builder dialog box, in the left pane, click Font.

  3. In the right pane under Font Name, select Family and then click the ellipsis button (...) next to the Family text box.

    The Font Picker dialog box opens.

Tasks

How To: Add Cascading Style Sheet Attributes in Design View

Walkthrough: Basic HTML Editing in Visual Web Developer

Walkthrough: Creating and Modifying a CSS File

UI Elements

  • 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
    Specifies custom fonts, which are either created by you or provided by a third party, and installed on your system. As with other 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
    Specifies the sequence in which fonts are prioritized for display on your pages. 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. 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 is found. If no matches are found, a system font is used as a substitute.

    After you select a font in the Selected fonts list, use the buttons listed in the following table to add, remove, or change the font sequence.

    To

    Click this button

    Add a font to the Selected fonts list.

    Add Button

    Move a font up in the Selected fonts list.

    Up

    Move a font down in the Selected fonts list.

    Stylesheet Build Style Down Button

    Remove a font from the Selected fonts list.

    RemoveButton screenshot

See Also

Concepts

Working with CSS Overview

Reference

Font, Style Builder Dialog Box