Microsoft FrontPage 2003
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.
Font 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> |  |
| Sans Serif Examples | Result |
| <font face="Arial, Helvetica, sans-serif">Eau Claire</font> |  |
| <font face="Verdana, Arial, Helvetica, sans-serif">Eau Claire</font> |  |
| <font face="Geneva, Arial, Helvetica, san-serif">Eau Claire</font> |  |
| Cursive Example | Result |
| <font face="Brush Script MT, Mistral, cursive">Eau Claire</font> |  |
| Fantasy Example | Result |
| <font face="Algerian, Western, fantasy">Eau Claire</font> |  |
Modifying the Font Tag in Code View
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 in HTML Code
-
Select the text to be modified
-
On the Formatting toolbar, from the Font pull-down list, select a font
-
At the bottom of the window, with the text still selected, click SHOW SPLIT VIEW
Your text is selected in the HTML code.
-
Within the font face tag, specify additional fonts in order of priority
NOTES:
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.
This is what the above HTML code will produce:
