Font Names

All the letters you see on your computer screen are done in a font.  Right now, I'm typing in the font called "Verdana."

This Font is Comic Sans MS

This  Font is Times New Roman

Can you see the differences?  There are certain standard fonts that are installed on every computer, like the ones above.  YOUR COMPUTER CAN ONLY VIEW WORDS TYPED IN FONTS INSTALLED ON YOUR MACHINE.  Of course, not everyone has the same fonts installed.  So how do you have writing show up on your page that everyone can see?  By using the standard fonts and writing in html, or by making a graphic that contains a non-standard font.

Every computer can read the above, even if Action Is is not installed.  How?  I made it into a graphic, then downloaded the graphic the same way I do every other graphic.  So, you can type directly on the page with a font, but you can also incorporate them into graphics. (For more information on how to do this, go here)

In html code, the code for the font name is

<font face="Verdana">Write your text here</font>

 

Fonts can be used in different sizes

This is size 1, or 8 pt

This is size 2, or 10 pt

This is size 3, or 12 pt

This is  size 4, or 14 pt

This is size 5, or 18 pt

You can see, the bigger the number, the bigger the type.  Remember, even in the same size, different fonts can look bigger or smaller cause each font has different attributes.

In html code, the code for font size is:

<font size=the number you select>Write your text here</font>

In html code, to write in Verdana font, size 1, you would put:

<font face="Verdana" size="1" color="#000000">WRITE YOUR TEXT HERE</font>

 

Font Colors

In addition,  you can choose to write when using html code in different colors.  You can specify font colors one of 3 ways:

1)  Some colors have standard names.  Examples are aliceblue, beige, forestgreen, ghostwhite.  To name the colors for me, I use the Color Browser from http://www.maximized.com  It's a great program that lists all the standard colors plus does other neat things with colors.  Also, here's a table of the commonly used color names.

2) You can specify the Hexadecimal code, which is a fancy way to specify a color.  You have to include 6 letters or symbols to indicate the color you want. Here's a chart I made showing some common colors and their hexadecimal codes:

3) Finally, each color has a RGB value as well.  For example, white, which has a hexadecimal value of #FFFFFF, has a rgb value of 255, 255, 255.  Black, #000000, is 0, 0, 0.    The Color Browser converts colors into these two values as well.  In addition, there is a great free program that picks colors for you, and which you can download on this site.  It's the Eyedropper, and it is explained more fully here.   Also, here's a table of the commonly used color names and their hexidecimal equivalents.

So, if you wanted to write in Verdana font, size 2, color red (FF0000), you would specify:

<font face="Verdana" size="2" color="#FF0000">WRITE YOUR TEXT HERE</font>

For another great tool to help you select colors for fonts, check out the Colormaker!

 

GETTING STARTED

Check here first.  Everything about how to get started on your first webpage!

GRAPHICS

All about making graphics and adding them to your page!

TUTORIALS

How to make more advanced graphics and code effects

FRAMES

How to make and target all kinds of frames

TABLES AND MENUS

How to make tables and menus

FONTS AND HEADLINES

Make your page look its best with a unique font

CGI AND PERL

A basic introduction to cgi and perl

CARTOON DOLLS

Dollmaking tutorials and generators

MUSIC

Here's how to include music and sound on your webpage!

OTHER NEAT STUFF

Great tips and things to try!

© 1998-2004 by Alexandra Thelin