Lab Exercise 04: Apply typography

Due at the end of class. You may have 24 hours extention.

For this exercise, make copies of the following files

• apply_typography.html The HTML document
• brown_texture.jpg

The HTML is already comppleted. Do not change or add anything in the html document.

Put your names and the date in the comments.

1. The page should use the brown_texture.jpg image as a background.
2. Text should be black unless otherwise specified.
3. Text should be in font-family Corbel to be used if available on the client, with suitable alternatives listed.
4. The headings should
   • be in Curlz MT with suitable alternatives listed.
   • a very dark red - #933.
   • in all caps, with a slight amount of extra spacing between letters. Refer to text-transform and letter-spacing from w3schools.com
   • scaled in good proportion to the base font size.
5. The first paragraph in each section (sections are headed by h2) should
   • have its first line 10% larger than the base size.
   • Have its first letter a drop cap.
6. New paragraphs should be indicated by indentation, not spacing.
7. The Latin words in the sections above the horizontal rule (though not all the Lorem Ipsum filler) should be rendered in Perpetua Titling MT, with suitable alternatives listed in the font stack.
8. White space, including margins, padding, and line-heights, should follow the guidelines in the typography section and produce a page approximately like the sample screenshot.

Reminder: Do not add anything to the HTML, including class attributes. IDs, or inline style rules. Everyone's stylesheet solution should produce the same result when used with my original copy of the HTML.

Link to Screenshot of sample solution

Submit the lab work using Blackboard

• When you are finished, submit your web document using Blackboard.