Is coding not your thing?

Watch Our
SohoLaunch Videos

See how EASY it is to:
Use the Quickstart Wizard
Create new pages
Open and edit pages
Add a category to a Shopping Cart
Add a product to a Shopping Cart

Click Here to Watch All 35 Tutorials!!

Get SohoLaunch
at HostPapa
and
SAVE!!

100% Green Energy Hosting from HostPapa.com


HTML Code Tutorial

The Font Tag

<font></font>

Pre-HTML 4.0 versions and most WYSIWYG editors use the code shown below to set font attributes. The method though still acceptable adds a considerable amount of extra code to an HTML page.

Extra code means larger slower loading pages. Larger pages mean more bandwidth consumption and higher web hosting rates.

Even in the year 2006 many popular website building tools still use this antiquated method of font definition.

To move your website into the current era of web development, use Style Sheets for setting font attributes in your pages. Not only will it make your pages smaller, but it will also make them easier to edit and revise. See the page on Style Sheets.

The pre-HTML 4.0 code for the font tag:
<p align="left"><font face="Arial" size="4" color="red">This is Arial size =4 color=red.</font></p>
which displays as:
This is Arial size =4 color=red.


Using style sheets the code in the body section would be:
<p>This is Arial size =4 color=red.</p>

The attributes for the font tag were:

  • face
  • size
  • color

HTML 4.0 and Fonts

CSS replaces these attributes with:

  • font-family
  • font-style
  • font-weight
  • font-size
  • color

Font attributes are specified using embedded, linked or inline style sheets.

Choosing Fonts

Many novices get carried away when they begin choosing font faces or families for their pages. The fonts that appear on your web page when viewed by a surfer are actually determined by the visiting browser. If the surfer's system doesn't have the requested font, the browser substitutes one that is on the system.

Always declare a generic font family as the last choice, when building Style Sheets. (See Embedded Style Sheets)

It is best to stick to the basic fonts that are included with most Operating Systems.
The following is a list of fairly safe choices:

  • Arial
  • Arial Black
  • Courier
  • Tahoma
  • Times New Roman
  • Verdana
  • Helvetica

Though the choices might seem bland, in most cases pages will be viewed by visitors as the page builder intends.