Step 6 – Using Fonts

You can also emphasize text using FONT-tag. This allows you adjust the size of the text as well.

Adjust your text and make sure the following tag is being used: <FONT SIZE=4>.
Example:

<HTML>
<HEAD>
<TITLE>my own homepage</TITLE>
</HEAD>

<BODY BACKGROUND=”images/background.gif” BGCOLOR=”#FFFFE1″ TEXT=”#808080″ LINK=”#FF9B6A” ALINK=”#FF9B6A” VLINK=”#FF0000″>

<B>Nora Tol Virtual Publishing</B> was founded about 12 years ago when owner <I>Nora Tol</I> started offering her web design services.
<P>
By demand she quickly expanded her services with <U>designing logos and artwork (DTP)</U> and even started various <U>Internet- and marketing services</U>.
<P>
<FONT SIZE=4>Take a look at her homepage for more information.
<BR>
Or send her an E-mail!</FONT>

</BODY>
</HTML>

as you can see the FONT-tag needs to be closed. All text between <FONT SIZE=4> and </FONT> will now be a size bigger than the rest. You see SIZE 3 as default. You can enlarge text, like in our example, but you can also make it smaller (just make the value smaller than 3). Even negative values (-1) will be read by most browsers.

Besides adjusting the size you can also change the font itself. The default font used by a browser is mostly Times New Roman. I want to use Verdana:

<HTML>
<HEAD>
<TITLE>my own homepage</TITLE>
</HEAD>

<BODY BACKGROUND=”images/background.gif” BGCOLOR=”#FFFFE1″ TEXT=”#808080″ LINK=”#FF9B6A” ALINK=”#FF9B6A” VLINK=”#FF0000″>

<FONT FACE=”Verdana”>

<B>Nora Tol Virtual Publishing</B> was founded about 12 years ago when owner <I>Nora Tol</I> started offering her web design services.
<P>
By demand she quickly expanded her services with <U>designing logos and artwork (DTP)</U> and even started various <U>Internet- and marketing services</U>.
<P>
<FONT SIZE=4>Take a look at her homepage for more information
<BR>
Or send her an E-mail!
</FONT>

</FONT>
</BODY>
</HTML>

With FACE you can change the font. You can best use the default fonts from Windows. If you would use a font that the visitor doesn’t have on their computer the browser will use Times New Roman. If you want to use a non default font anyway, offer it as a download to your visitors.

As you can see I open the FONT-tag at the beginning of my text and close it at the end, even though I’m using another FONT-tag. In HTML you can nest certain tags. In the example above I make sure it uses Verdana even for the text I’ve enlarged.

When you save a document and view it in a browser, you’ll notice that Verdana is a big font on its own. I think it looks like I’m screaming at someone, so I want to make it smaller:

<HTML>
<HEAD>
<TITLE>my own homepage</TITLE>
</HEAD>

<BODY BACKGROUND=”images/background.gif” BGCOLOR=”#FFFFE1″ TEXT=”#808080″ LINK=”#FF9B6A” ALINK=”#FF9B6A” VLINK=”#FF0000″>

<FONT FACE=”Verdana” SIZE=2>

<B>Nora Tol Virtual Publishing</B> was founded about 12 years ago when owner <I>Nora Tol</I> started offering her web design services.
<P>
By demand she quickly expanded her services with <U>designing logos and artwork (DTP)</U> and even started various <U>Internet- and marketing services</U>.
<P>
<FONT SIZE=4>Take a look at her homepage for more information.
<BR>
Or send her an E-mail!</FONT>

</FONT>
</BODY>
</HTML>

In the example above I’ve set SIZE 4 only for the last two lines of text. If I would add more text underneath, then the first value (SIZE 2) will apply.

Go to Step 7

Bookmark the permalink.

Comments are closed