PageResource.com - Web Development Tutorials

Using Font Faces

Using different fonts on your pages
Note: These effects can now all be achieved using Cascading Style Sheets.

Well, if you have the desire to change the font type on your pages without using images, you can do it to some extent with the HTML font tag. You do this by adding the face=" " command to your font tag, like this:

<font face="Arial">Give me an Arial font!</font>

This would give you the Arial font:

Give me an Arial font!

However, there are one restriction to this you will want to be aware of:


1. The viewer needs to have the font installed in their computer in order to see it.

Viewers without this requirement will just see the standard Times New Roman font. So, here is a short list of some common fonts that you should be able to use in the face=" " command. Try a few from your own computer and see what happens...

Font Name Sample Display
Arial Arial Font
Arial Black Arial Black Font
Courier Courier Font
Courier New Courier New Font
Modern Modern Font
Terminal Terminal Font
Symbol Symbol Font

Well, now you can have all kinds of fonts! So, let's go to the next section, New Browser Windows.


Copyright © The Web Design Resource. All rights reserved. | Contact Us | Privacy Policy