You became familiar with CSS in your last project. In this project, you will push those skills further to create legible, readable text for the monitor. Creating good typography in web is somewhat different than doing so on paper. So you'll need to learn a few new standards as well as remembering some tried and true ones.

Specific to the web:

Don't use italics. They are too difficult to read on the monitor.

Use sans serif rather than serif for the same reasons.

Don't start paragraphs with indents. (or use with caution)

Use adequate line height. This number will vary depending on circumstances.

White text on a black background will seem smaller than
a white text equivalent. (this is the same size as the text above). It will also need more line height to make it readable.

For accessibility : use relative font sizes such as ems to control size. (and know when you don't need strict accessibility) Make sure there is enough contrast between font color and background.

Body text needs to be restricted to the web fonts discussed in class. If you would like a "fancier" font for a header or title, that's ok. Make it in Photoshop and insert it as an image. Just make sure to use an alt tag as well.

And remember: you don't have the same control that you do in print. Obsessive about widows and orphans? Get over if (at least for web. You are encouraged to obsess on this in all your print pieces). Different user preferences and browsers take this control largely out of your hands.

Always: (print or web)

Use ample space around text: don't place text up against a border or another element (unless doing so purposely- for example– in header text.). And as always, choose a font , style and size that is appropriate to your audience.