Have a question? Ask an IPL Librarian!

(Use our Contact Us form for questions/suggestions about our site.)

The Ask an IPL Librarian Reference Service will close between academic terms beginning December 20, 2007 at 10 p.m. (EST). We will reopen the service on Monday, January 5, 2008 at Noon (EST). We use this time to work behind the scenes to improve this service. Happy Holidays from all of us at the IPL!

More Fonts and Text Styles

WARNING! You really shouldn't use the tags once you understand HTML better and after you learn CSS (which we'll explain a little later). However, since you're just starting to learn HTML, go ahead and use them for now.

As you just learned, the web browser assumes a default value for the font size. Well, the web browser also assumes a default value for the font face, which is Times New Roman, and the font color, which is black. But, I am going to show you how to change them by writing attributes and values…just like we did with the font size!

To change the value for the font face, you need to use the font tags once again. Also, you need to include a face attribute, which is simply the name of the font you want to use. For example:

<font

start tag face=

attribute "Arial">

value Woo-Hoo! I'm learning HTML! 

end tag

Here is a quick list of just some of the faces that you can use:

Arial

Arial Black

Arial Narrow

Book Antiqua

Bookman Old Style

Century Gothic

Century Schoolbook

Courier New

Garamond

Times New Roman

Verdana

To change the value for the font color, you need to use…can you guess what it is? …yep, the font tags. Also, you need to include a color attribute and value:

<html>

<head>

<title> Learning HTML </title>

</head>

<body>

 Woo-Hoo! I'm learning HTML! 

</body>

</html>

As for giving a value, you can do as I did and type in the name of a color. Or, instead of typing in a color name, you can place a code which will allow you to specify the exact color you want. For instance, in the example above, I used the word Orange. But, instead, I could of typed this:

 Woo-Hoo! I'm learning HTML! 

Just keep in mind that using a color code is safer since color names only work with Netscape web browsers.

Wondering if you can put more than one attribute in a tag? Say, for instance, you want to change the size, face and color. No problem! Just put all the attributes into the start tag:

<html>

<head>

<title> Learning HTML </title>

</head>

<body>



Woo-Hoo! I'm learning HTML! 

</body>

</html>

Well, you have just learned the basics on Fonts and Text Styles. Yeah! Now, let's move on to the real fun…making links to other web pages.

Previous | Index | Next

This resource originally created by Deborah Dunk.
Revised and edited by Michael Galloway in 2005 & in 2006.

Updated on 28 Nov 2006

What is the IPL?

The Internet Public Library is a public library for the world wide web.
Students from a consortium of colleges and universities with programs in information science develop and maintain the IPL!
Here are some of the partners in the IPL Consortium. A complete list is found on the IPL Consortium page.

University of Illinois at Urbana-Champaign Graduate School of Library and Information Science

Rutgers School of Communication and Information Studies

The Internet Public Library is hosted by The iSchool at Drexel, College of Information Science and Technology,
with major support from the College of Information at Florida State University.