indiWiz.com - WDD - html

Subhash's Guide to Fonts in HTML

The font face of a text can be changed using the tag with the attribute FACE.

Example

This paragraph is displayed either in ARIAL or HELVETICA font.

This would display thus:

This paragraph is displayed either in ARIAL or HELVETICA font.

The important thing to understand about fonts is that it will display properly only if the client has the same font installed. Suppose, in the example, the client has not installed ARIAL, then the paragraph will display in HELVETICA. If he doesn't have even that installed, then GOD knows how the page will display in his page! So it a good practice to include all common font names in the FACE attribute of the FONT tag. There is no limit to how many you can include. The most common fonts is listed below:

Time New Roman
Verdana
Arial
Helvetica
Sans-serif

If you want your whole document to be displayed uniformly in one font, you can add the following between the <HEAD> section:

"But I Want to Display my Text in Different FONT!"

There is nothing called 'impossible' in this world! So if you are keen on displaying your text in a special font, well do it using a technology called embedded fonts. For more information visit:

"How do I Change FONT-FACE using CSS?"

The example I gave at the beginning could be written with the help of CSS thus:

This paragraph is displayed in ARIAL or HELVETICA font.

This will display:

This paragraph is displayed in ARIAL or HELVETICA font.

Note: To learn how to change font colors, refer to Color Guide II.

Subhash's Guide to Fonts in HTML

User Comments