Comic Sans MS Desdemona Staccato X-Files

You would need to put style and /style tags in the head of your document, then create classes for each of the links:

<style> .link1, .link2, .link3, .link4 { text-decoration: none; font-size: 16pt; padding: 5px; } .link1 { color: #630; background-color: #f90; font-family: Comic Sans MS, Arial; } .link2 { color: yellow; background-color: black; font-family: Desdemona, Arial; } .link3 { color: #f0f; background-color: #909; font-family: Staccato555 BT, Arial; } .link4 { color: #0f0; background-color: #060; font-family: X-Files, Arial; } </style>

When you create links in the body of your HTML document, include a "class" in the anchor tag:

<a href="fonts/Comic.ttf" class="link1">Comic Sans MS</a> <a href="fonts/Desdemon.ttf" class="link2">Desdemona</a> <a href="fonts/Staccato.ttf" class="link3">Staccato</a> <a href="fonts/Xfiles.ttf" class="link4">X-Files</a>

Here is a basic breakdown of what each part means:

• .linkXX—in the style sheet, you can change the effects of existing HTML tags, or you can create your own "tags"; the period before the name denotes this as being a tag that you have created, but you cannot use the same name as an existing HTML tag; also, you can edit more than one tag in a style sheet by placing a comma between the different tags you want to edit, as seen in the first line of the first chunk of code above
• padding—adds XX pixels (px) of padding around the text
• color—sets the color of the text
• background-color—sets the background color of the text
• text-decoration—your choice of one of the following:
  • none—eliminates any lines associated with the text (and will remove the underlining of links)
  • underline—places a line below the text
  • overline—places a line above the text
  • line-through—places a line through the text
  • blink—will annoy most people
• font-family—sets the font of the text; be careful: not all computers may have the fonts you choose installed, so you may want to list more than one font, separated by a comma, as seen in the first chunk of code above