Lab Assignment 13
 

Create a web page file named lab13.htm.

Title the page "Lab Assignment 13 - Your Name"

Put your name in the title.

Create the lab13.htm web page so that it looks similar to what you see below.
The way the page looks is of your choosing, but these elements need to be present as a minimum:

  • You need to find a free ttf (True Type Font) someplace.  You need to convert it to all the neccessary font types for the web (eot, woff, ttf, svg)
  • Set up the font using @font-face in the external style sheet.
  • Use the font effectively in your page.
  • You need to find a second font.  It can be either just a ttf that you then convert to all the other formats, or you can use a prebuilt kit.
  • Set up the font using @font-face in the external style sheet.
  • Use the font effectively in your page.
  • Provide links to where you obtained the fonts from.

screenshot

You need to turn in all these files together in one folder for credit:

  • lab13.htm
  • lab13.css
  • all font files that you used

Grading criteria:

Criteria Points
20
Correct file names. 1
Correct HEAD, TITLE, and BODY structure with student name in the titles. 1
1 Free font that existed as a ttf only and converted. 3
1 Font set up using @font-face in external css file. 2
1 Font used effectively. 2
2 Free font. Could have been just a ttf or an entire kit. 3
2 Font set up using @font-face in external css file. 2
2 Font used effectively. 2
Clickable links to where font was found. 2
Assignment in on time. 2