Spice Up Your Site By

Spice Up Your Site
By: Webmaster

We show you how to use True Type Fonts in place of GIFs or JPGs.

True Type Fonts are faster than downloading graphics, because they already are sitting on the visitors hard drive - so there is no download time.

The Golden Rule
Of course a simple rule applies:
If they don't have it on their PC they can't see it.

So only use Windows Standard Fonts:
TimesNewRoman, Arial, Courier etc.

Here is an example we used for our NEWS section:

NVIRUS WARNINGS!N

If you don't see the skull and crossbones, something has happened to one of the standard Windows fonts, and needs to be installed. Click Here to download and place in your C:\Windows\fonts directory.

Here is the code:
NVIRUS WARNINGS!N 

It looks like a lot to digest at once, so we will break it down for you:

The  tag simply sets how large the font will be.

The  tag tells the browser which font to display.
For example some of the standard fonts are:
Courier, Arial, TimesNewRoman

The N after the FONT FACE is simply telling it to display the
Skull & Crossbones.

You will always want to use the  tag when you are done
with a particular font, otherwise all the other words you type or that
are displayed will be in that font.

The Character Set
Wingdings has the following characters:

A B C D E F G H I J K L M
A B C D E F G H I J K L M

N O P Q R S T U V W X Y Z
N O P Q R S T U V W X Y Z

a b c d e f g h i j k l m n
a b c d e f g h i j k l m n

o p q r s t u v w x y z
o p q r s t u v w x y z

1 2 3 4 5 6 7 8 9 0 _ - + =
1 2 3 4 5 6 7 8 9 0 _ - + =

; : ' " < , > . ? / ~ `
; : ' " < , > . ? / ~ `

! @ # $ % ^ & * ( )
! @ # $ % ^ & * ( )

Some of the useful icons in this font are the email related ones, etc.

An Example:
So lets say you would like to use the telephone icon for your contacts
page, where you are showing your telephone number, here's how you would use it:


(
<font face="arial"
My Phone number: 555-1217

It would look like this:

(My Phone number: 555-1217

Its that easy. Now you can get back to work, and keep this
extra trick in mind, the next time you are editing your homepage.