Melonbones Auction HTML - 101
An introductory course for beginners.
Lesson # 2

Font Faces

\

There is one more font tag you might like to use. It is the one that changes the font face. There are only two fonts that are supported by all browsers - Times New Roman and Courier New. They look like this:

<font face=Times New Roman>This is the Times New Roman font face.</font>
<font face=Courier New>
This is the Courier New font face.</font>

Did you notice there are spaces between each word within the diamond operators? And as always, don't forget the closing tag!

There are only a few more font faces that are supported by MOST browsers, but it is enough variety to keep your listings looking interesting. (please note - your browser may not display all of these properly)

<font face=Arial>This is the Arial font face. It is the font face of choice for most of this page, and Melonbones Auction.</font>

<font face=Arial Black>This is the Arial Black font face.</font>

<font face=Arial Narrow>This is the Arial Narrow font face.</font>

<font face=Arial Rounded MT Bold>This is the Arial Rounded MT Bold font face.</font>

<font face=Book Antiqua>This is the Book Antiqua font face.</font>

<font face=Bookman Old Style>This is the Bookman Old Style font face.</font>

<font face=Century Gothic>This is the Century Gothic font face.</font>

<font face=Garamond>This is the Garamond font face.</font>

<font face=Verdana>This is the Verdana font face.</font>

As you can see, there are no really fancy fonts, however, if you really want to use those neat ones you have on your computer at home you can. You just have to be aware that if your visitor does not have that same font installed on their machine, their browser will automatically display one of the above two default fonts listed first.

You can direct your visitor's browser to try one or more fonts before using the default by putting a comma and then a space after your first choice. You can add a whole list if you like - just keep using a comma then a space like this:

<font face=Jokerman, Lucida Calligraphy, Old English Text MT>This font face will be Jokerman, or Lucida Calligraphy, or Old English Text MT, or a default font if you don't have any of the first three installed on the machine you are viewing this page with.</font>

Now, let's put all three font tags together in one statement. Again, you could write it like this:

<font face=Arial Black><font color=009999><font size=+2>This is Arial Black in size +2 (and as you can see, it's aqua-colored - that's 009999). When you do it this way, you need three closing tags.</font></font></font>

Or you can do it this way, which is less typing:

<font face=arial black color=009999 size=+2>Now you get the same effect, but with only one closing tag.</font>

Want to learn some more?
Next page

Table of Contents

\

This free course is being provided by Melonbones Online Auction.
Please tell a friend about us.

www.melonbones.com

Melonbones Millennium Banner Exchange
Melonbones Millennium Banner Exchange