Back to index

Font Attributes

Playing Around With Fonts

This assignment is all about playing around with different font attributes. It should be an easy assignment since it doesn't take too many brain cells to figure out how to play with fonts, but for those of you who are into decorating your page with different kinds of fonts, this may be a fun assignment.

Early browsers did not offer the abilty to present text in a variety of fonts. Even now, the font you specify may look entirely different depending on the browser and the operating system being used. Although there are fewer discrepancies now than a few years ago, there are still inconsistencies that you may have to deal with if you are concerned with your page looking the same regardless of how it is being viewed.

If you are viewing a web page with Firefox, then you can get a list of available fonts (which you can specify using the font tag) by selecting the Firefox menu and then the Options icon. Next select "Content" on the left side of the page to display "Fonts and Colors..." (as well as other items) on the main portion of the page. Clicking the downward triangle on the "Default Font" menu will display a bunch of fonts.

NOTE: If the name of the font is more than a single word in length, then you must place it in quotes when using it with the face attribute of the font tag. Otherwise examine the source for this page to learn how to use the font tag.

Inspect the source for this page. You may have special questions about the use of the FACE attribute. Usually you simply supply one font for this attribute, but you can provide a list of fonts like this:

<font face="Courier, Bookman, Gothic"> In this case the system will attempt to use Courier if it is available. If Courier is not available, then it will try to load Bookman and if that is not available it will attempt to load Gothic. In any case, the system will have a default font which it will load if it can't find any of the fonts in your list of font faces.

So, to summarize, there are three attributes available for the FONT tag: face, size, and color. Additionally, you can use the B tag for bold, the U tag for underline, and the I tag for italic. That might not be a multitude of options, but it does allow for a fair amount of flexibility when it comes to your use of fonts.

ASSIGNMENT:
You will either write or copy a poem of at least 6 verses in length (with each verse being at least 4 lines long). Each verse will be displayed using a different font face and color, but the font size will be set to 4 for the whole poem. Also your poem must read like a poem with a rhyming scheme and some sort of patterned cadence. (NOTE: If you use a poem written by someone else, then please include the authors name either right below the title or at the end of the poem.)