Format Font Dialog

 

Introduction

The Font Dialog is used to change the color, size and style of the fonts you use in your documents. If you want to change only a portion of the text in your document, highlight the text before opening the Font Dialog.

Remember - if you select an unusual font type for your webpage, and the visitor viewing your webpage does not have that font installed on their computer, then that font will not be displayed when they view your webpage. Instead, a default font will be displayed. To give you greater control over the font type used in your webpages, degradable fonts have been introduced. See below for more details.

(Note - See the Format Font Tutorial for an example of using the Format Font Dialog).

NOTE

  • By default the browser with which you preview your style is Internet Explorer. Remember, not every style you design works right under IE, and most style definitions look slightly different under different browsers. This is because the browser companies have some discretion in the appearance of various styles.

  • Much of the information below is paraphrased or directly quoted from the World Wide Web Consortium, http://www.w3c.org.

  • The Style Editor only supports the CSS1 specification.

Font

Face

The value is a prioritized list of font family names and/or generic family names.

Size

Specifies the size of the font to appear. For details on units, see http://www.w3.org/TR/REC-CSS1#font-properties

Vertical Alignment

Aligns the text with surrounding text (i.e., superscript, subscript etc.)

Weight

Affects how thickly the text is written (bold etc).

Style

Controls whether the text is displayed in italics. Note most browser render oblique and italics the same.

Styles...

Allows for the underlining, overlining and strikethroughing of text.

Capitalization...

Contols the case with which the text is rendered.

Letter Spacing

Indicates the amount of space between characters.

Word Spacing

Indicates the amount of space between words.

Text Color

Allows the selection of a color with which the text is rendered.

What Do You Want To Do?

Open the Font Dialog.

Change the Color of Text.

Change the Size of Text.

Change to type of Font used.

Make Text appear in Italics.

Make Text appear Bold.

Underline Text.

Use Inline Styles.

Learn About Degradable Font Lists.

Character Formatting - Overview.

View a List of Shortcut Keys.