Typography 1
Going to Syntax Site
 Going to Lithos Site
Going to Folio Site
Going to Century Schoolbook Site
Going to Bembo Site
Going to Eras Site
Going to Helvetica Site
Going to Insignia Site
Going to American Typewriter Site
Going to Garamond Site
Going to Futura Site
Going to Gill Sans Site
Going to Fritz Quadrata Site
Going to Goudy Site
Going to Bodoni Site
Going to Optima Site
Going to Baskerville Site
Going to Kabel Site
Going to Palatino Site
Going to Template Gothic Site
Going to Franklin Gothic Site
Going to Lubalin Graph Site
Going to Officina Sans Site
Going to Didot Site





Welcome to the first Typography 1 class project web site. In this site you will be able to examine, learn about and explore the students work, which was to produce a mini 5 page web site on a particular font that the individual student had randomly selected.

Run your cursor over the blocks below to see who participated in this class project and what font site they designed and produced. To go to a site click on its name in the left-hand global navigation bar.

Each font site is comprised of 5 pages.

  • Page 1 is the introduction, where the student was asked to write a brief description about their font.
  • Page 2 is the History / Usage page. Each student had the choice of writing a couple of short paragraphs about the history of the font, and it's designer, or find 3 to 5 examples of their font being used in any printed material (magazines, packaging or other collateral) and write a sentence on where they found it and who is the intended target audience.
  • Page 3 is the character set page. This is where the student can showcase the fonts uniqueness by highlighting key characters, or attributes.
  • Page 4 is the family variations page, where you can see all the different variations that particular font is designed in, meaning the light weight, medium, bold, extra bold, heavy, condensed and oblique styles when available.
  • Page 5 is the alignment roughs page. The students were shown earlier in the class how to develop quick alignment sketches for the layouts prior to beginning work on the computer. This is done to speed up the production process of producing their layouts.

    • Each student was provided with the basic site architecture, font, designers name and HTML documents. And was asked to design and create a mini 5 page font site. Everyone had to produce their own buttons, headers, and content graphics for there site as a means of learning to use the basic typographic prinicpals discussed in class.

    Syntax | Lithos | Folio | Century Schoolbook | Bembo | Eras | Helvetica | Insignia | American Typewriter | Garamond | Futura | Gill Sans | Fritz Quadrata | Goudy | Bodoni | Optima | Baskerville | Kabel | Palatino | Template Gothic | Franklin Gothic | Lubalin Graph | Officina Sans | Didot