2 Domain Hosting

Web Site Design | Web Site Promotion | Web Hosting | Domain Name Registration

Specifying Fonts

Making changes in the HTML code to the Font tag allows you to specify alternate fonts, increasing the possibility that a browser will display your page as intended. For example, not all browsers will be able to view your chosen font, so you are allowed to list several fonts in order of preference. The browser will then select the first one it is able to view correctly.

return to topFont Specification Examples

In the first example shown here, if the browser can't display Times New Roman, it will try to display a font in the Times family. If that fails, the browser will display its default font in the generic font family of Serif.

Serif Example

Result

<font face="Times New Roman, Times, serif">Eau Claire</font>

Times New Roman example

San Serif Examples

Results

<font face="Arial, Helvetica, sans-serif">Eau Claire</font>

Arial example

<font face="Verdana, Arial, Helvetica, sans-serif">Eau Claire</font>

Verdana example

<font face="Geneva, Arial, Helvetica, san-serif">Eau Claire</font>

Geneva example

Cursive Example

Result

<font face="Brush Script MT, Mistral, cursive">Eau Claire</font> 

Brush Script MT example

Fantasy Example

Result

<font face="Algerian, Western, fantasy">Eau Claire</font> 

Algerian example

return to topSpecifying Fonts

Making changes in the HTML code to the Font tag allows you to specify alternate fonts, increasing the possibility that a browser will display your page as intended.
NOTE:  Similar changes can be made when specifying fonts in Cascading Style Sheets (CSS).

Specifying Fonts: Menu Option

  1. Select the text you wish to modify
    NOTE:  If no text is selected, the change applies to subsequent text you type.

  2. From the Text menu, select Font » font choice
    Your font choice is applied.

Specifying Fonts: Font Properties Pane

  1. Select the text you wish to modify

  2. In the Font Properties pane, from the Font pull-down list, select a font combination
    Your font choice is applied.

Specifying Fonts: Code View

  1. Select the text you wish to modify

  2. On the Document toolbar, click SHOW CODE VIEWCode View buttonor SHOW CODE AND DESIGN VIEWSCode and Design View button
    Your text is selected in the HTML code.

  3. Within the font face tag, specify additional fonts in order of priority
    In the example shown here, three font selections have been specified. Arial is the first selection; if that cannot be displayed, Helvetica is the second choice; otherwise, a font in the Sans-Serif family will be displayed.
    example fonts specified in HTML

This is what the above HTML will produce:
specified font applied

return to topEditing the Font List

Font combinations determine how a browser displays text in your web page. A browser uses the first font in the combination that is installed on the user’s system; if none of the fonts in the combination are installed, the browser displays the text according to the user’s browser preferences.

Editing the Font List: Modifying Font Combinations

  1. From the Text menu, select Font » Edit Font List...
    The Edit Font List dialog box appears.
    edit font list dialog box

  2. From the Font List scroll box, select the font combination you want to modify
    The fonts which make up this combination appear in the Chosen Fonts scroll box.

  3. To remove a font from the combination:

    1. From the Chosen Fonts scroll box, select the font

    2. Click REMOVERemove button (arrow)
      The font is removed from the combination.

  4. To add a font to the combination:

    1. From the Available Fonts scroll box, select the font

    2. Click ADDAdd button (arrow)
      The font is removed from the combination.

  5. To move a font combination up or down in the Font List

    1. Select the font combination

    2. Click MOVE UP or MOVE DOWN Move UP, Move Down arrows

  6. Click OK

Editing the Font List: Adding New Font Combinations

  1. From the Text menu, select Font » Edit Font List...
    The Edit Font List dialog box appears.

  2. From the Available Fonts scroll box, select a font

  3. Click ADD Add button (arrow)
    The font appears in the Chosen Fonts scroll box.

  4. Repeat steps 2 and 3 to continue adding fonts to the font combination
    NOTE: It is a good idea to include a generic font family in the combination (appropriate to your other font choices) in case a browser does not recognize your specified fonts. Serif and sans-serif, as well as other generic font choices, appear at the end of the Available Fonts list.

  5. Click OK
    Your new font combination is added to the Font List.

Editing the Font List: Deleting Font Combinations

  1. From the Text menu, select Font » Edit Font List...
    The Edit Font List dialog box appears.

  2. From the Available Fonts list, select a font combination

  3. Click DELETE Delete font button

  4. Click OK
    The font combination is removed from the Font List.

Articles

Domain Name Registration - Free Web Hosting Email Tips and Tricks -  Home Based Web Business - Work at Home - Chat Rooms  - Voice Chat - Cell Phone - Phone Calls - Love Dating - Online Dating Services