Site hosted by Angelfire.com: Build your free website today!
undefined
undefined

There is a LOT to be said about fonts. I have this nasty old habit of saying what I have to say in as few words as I can possibly think of so please hang with me. I won't be able to tell you ALL that there is no know on one page but I will tell you enough to get ya' off to the races!!!

The font command is a "container"; that is it needs an opening <font> tag and a closing </font> tag... Keep this in mind as you begin to "play" with font commands!

Having the <font> command in your "tool box" is sorta like having a Ferrari in the garage. It doesn't do you any good unless you have the keys to make it run!! The "attributes" are the keys that make this one purr!!!

We're going to play with three of these attributes here and see if we cant bring some text to life!! Here are the three.....


size

color

effect


Okay, let's get to it! We'll take on the size thingy first. To the best of my knowledge there are seven font sizes and six header sizes. If you find this to be incorrect, please email me! I've seen this point debated and this is what I've learned from spending some time experimenting....

The default or standard font size used most commonly is three.... Let's take a look at the others, shall we?


This is font size = "1"

This is font size = "2"

This is font size = "3"

This is font size = "4"

This is font size = "5"

This is font size = "6"

This is font size = "7"


This is headline or header size h1

This is headline or header size h2

This is headline or header size h3

This is headline or header size h4

This is headline or header size h5

This is headline or header size h6


All of the font sizes are obtained by using this HTML....

<FONT size="the number for the size you want">


To get the header sizes simply put your text in containers like this....

<H1>
Your text goes here!!!
</H1>



Let me throw in one BIG TIP right here and NOW!! Use the header containers only once, at the top or your webpages!! Let me repeat that... Use the header containers only once!!! If you pull them off the rack again in the middle of a page, they will make the font changing miserable for the rest of that page!!!



Now it's time to go about the business of adding the color attribute to the size attribute!!!

Here's how this is done......

<font size="the number you pick" color="your color pick">


Let's say for the purpose of demonstration that we had picked a font size of 6 and magenta for a color. Here is what our choice would look like in HTML and in results!!!

<font size="6" font color="#ff00ff">

And here are the results.......

Does this look at least a little different to you?¿?
I'll bet it does!¡!


And that was sooooooo easy to do! All we had to do was add two attributes to the font tag!!!


When I get enough "free time" (rolling on the floor laughing my butt off) to add a "resources page" to this site, it will have a link on it to WebTV Junky's Color Picker. This is a great tool to use for color selection! Meanwhile, if you need it email me and I'll get it to you... We could have used the word "magenta" instead of the "hex code" for the color in the last example but the "hex code" will work better when your page or mail is going to be viewed by people who are not using WebTV! The color picker gives both the WebTV color name and the "hex code" for each color!



Okay, it looks like we have one more attribute to take on and we'll call this page history!! This last one is called "effect". Here's how it's used...


<font size="6" color="#ff00ff" effect="relief">


And here is what the results look like!!!
See the difference from the one above???
I'll bet you do!!!


There are two other "values" that can be used with the effect attribute. They are "emboss" and "shadow". Relief creates the idea that the text is "raised" off of the page, emboss looks as though the text is pressed into the page, and shadow casts a shadow down and to the right of the text! It doesn't work very well on this black background of mine though!!!



Play with the information that we've "discovered" on this page. Find a place that's comfortable for you to practice! Might I suggest setting up a HomePage account with one of the free services? This will allow you to save what you're learning. It works out a LOT better for me than practicing in the email signature box!! Whatever you decide, remember to always "play safe"!!!