How to Use the HTML Font Tags

Simple knowledge in HTML coding would come a long way for a newbie webmaster like you. It’s going to be handy in blogging or when typing texts on HTML-enabled boxes. Here’s one HTML tag that you should learn by heart – the Font tag.

Font would refer to the letter type used for the text. The common examples would be Times New Roman, Arial, and Tahoma. There are a lot of other font types that you can use. If you look at your word processor program (like MS Word) you’ll see the font type selection up the tool box and it sits right next to the font size. Changing the font in MS Word is as simple as clicking on the drop down arrow and choosing the type you want. In the web world, things are a little different though.

If the font tool bar is indeed available, like if you are blogging using Wordpress, it’s quite simple to change the font type and size. Otherwise, you have to follow this coding guideline:

text

If you want to change the font of a word, sentence, or paragraph, you have to enclose it in the format given above. Of course, there are other tags that you have to add to it for it to work. The basics are:

A. Face
B. Size
C. Color

A. Face – refers to the type of font you’d rather use. This is where the Times New Roman, Arial, Tahoma, and Verdana font names go. Here’s how you do it:

This is an example of a Georgia text.

The resulting text would appear in Georgia font type. Since face is the only one defined, the rest of the attributes will be in default. Color will be black and size is 3. If you would like to change the font size and the color, just continue reading.

B. Size – size would pertain to size of the text. If you want to make it big, you have to assign a number higher than 3. If you want the font to go small, choose font size 1 or 2. The allowable size for a font is 1 to 7. Check out this example:

This is an example of a size 5 Georgia text.

C. Color – this would define the hue of your text. You can use the actual name of the color like red, green, blue, etc. If you’re familiar with the Hex Code for colors, you can use that too. Check out these examples:

This is an example of a size 5 Georgia green text.

This is an example of a size 5 Georgia green text.

That’s it! Now try these codes in an HTML page creator program like FrontPage and see how they work in action.