Typographic Resources

Some Resources on Typography.

Posts on our Class Site

  • Typographic Resources

    Some Resources on Typography. Posts on our Class Site


  • Typography Basics

    This post presents the basics of typography through a set of rules to follow. Like all rules they are made to be broken, but you should learn them first before you start breaking them. If you follow these rules your web typography won’t suck. It will most likely be pretty good. The simplicity of the……


  • Typographic Hierarchy

    Most of the web is text so much of what you have to design is text. A typographic hierarchy helps the user to quickly scan a page and find information. Also, done right, it will make the page more visually attractive. Typographic Hierarchy tells the reader two basic things: what text is more or less important, what kinds of……


  • Web Fonts List

    This is a LONG list of web fonts. It’s meant to be used as a resource that you can come to when trying to find the right fonts for your web sites. It is not a full list of what’s available but more as a help and starting point. Fonts with multiple weights These fonts……


CodePen Examples

Typography Basics

See the Pen Web Typography Basics by Christopher Stein (@profstein) on CodePen.

Crowds of New York: Typographic Hierarchy Starter

See the Pen Typographic Hierarchy Starter by Christopher Stein (@profstein) on CodePen.

Crime Blotter Example (completed)

See the Pen Typography Project: Crime Blotter (completed) by Christopher Stein (@profstein) on CodePen.

Careers in Creative Arts Example

See the Pen Typographic Hierarchy Example by Christopher Stein (@profstein) on CodePen.

Crowds of New York: Example

See the Pen Typographic Hierarchy Starter – in class by Christopher Stein (@profstein) on CodePen.

Base Typography with Normalize

See the Pen Basic Typography with Normalize Base by Christopher Stein (@profstein) on CodePen.

Leave a comment