Exploring Font Face and Other Tidbits

     If you plan on changing your font from the default (basically Times), make sure you include a font that works on both a PC and a Mac. To accomplish this task, use the code: <font face = Arial, Helvetica > in order to insure that you are using a font found in both Mac/PC platforms. You can also set the size of the fonts to absolute or relative (size=+1, size=-1). The range for relative is +1 to +7. Although I have seen Absolute settings like size=12 and size=14 used, I am not convinced they work well on all browsers. The general sizes are as follows:

  Giant   Huge    Big   Large   Normal    Small   Tiny
Be aware that font sizes are smaller on Macs than on PCs. Always look at your page on both computers. Although only 5% of all internet users are on Macs, know that 70% of all commercial web pages are made on Macs.

     Also, don't use font changes just to use font changes. Color, bold, italic and size allow for enough contrasts of fonts on a web page.

Observe the table below. How was color placed inside of the table data cells???????

Manipulation by:     Description
SuperScript You can make something superscript, likethis.

The table above also helps to illustrate the complexity involved in changing fonts and background colors inside of tables. The table tag cannot be inside of a font tag. The only way to make font changes in tables is to insert the font face code and the bgcolor code into each TD line of a table! This could entail a great deal of work and could make the table swallow bandwidth while loading. The table above sure does look great though!


Your objective:

Go to the site below and use it to make a table with various background cell colors and text colors: Table Colors