View Single Post
Old 11-06-2009, 04:52 PM   #8
Forum Technician
feldon30's Avatar
Join Date: Jul 2005
Location: SC
Posts: 898

Well, the old way was:

<font size="1" color="red" face="Arial">this is some red Arial text of font size that depends on the browser.</font>

It makes it hard to update your webpage if you have hundreds of font tags.

The new way at the top of your document is to create a class, so..

<STYLE TYPE="text/css">
p {align=justify}
BODY{cursor: url(;}
a {cursor: url(;}
.newclass {font-family: Helvetica, Arial, sans-serif; color: red; font-size: 13px; }

then you do:

<div class="newclass">This is some red Helvetica text at a 13 point font size, and if the user doesn't have Helvetica, then it shows Arial.</div>

If that went over your head, let me know. Glad to explain things.
feldon30 is offline   Reply With Quote