Microreview 2

matters of type

Dànielle Nicole DeVoss
Michigan State University
devossda@msu.edu

Type is “the voice of the page” (Ward in Heller, p. 9)

“Type is the practice of visually representing words. Type conveys meaning, both in the obvious sense that words and sentence communicate, and in the subtler sense that the particular visual representation we use—the style, size, and so on—affects the message” (Savio).

some context

Do you recognize these typefaces? Click to reveal.

twilight
south park
heineken
dunkin donuts
yahoo
snickers
fight club

The last two are typefaces that are often confused. If we linger over each, however, the differences become quite clear (click to enlarge):

Broken characters in
Fight Club.
Different thickness of spine
in capital E.
Different angles inside
capital Y.
Completely different punctuation style.
broken characters thickness E angles Y punctuation style

some discussion

Admittedly, the examples above are illustrative of the ways in which type matters in associating identity—of a brand, a product, an idea, etc. But these examples also serve to remind us that type design is historically, culturally, and commodity linked.

On the July 14, 2006 episode of "The Show with Ze Frank," Ze celebrated his ugly MySpace contest, and noted that

ze frank The fact that tons of people know names of fonts like Helvetica is weird! And when people start learning something new, they perceive the world around them differently. If you start learning how to play the guitar, suddenly the guitar stands out in all the music you listen to. For example, throughout most of the history of movies, the audience didn't really understand what a craft editing was. Now, as more and more people have access to things like iMovie, they begin to understand the manipulative power of editing.... As people start learning and experimenting with these languages authorship, they don't necessarily follow the rules of good taste.

Ze Frank nicely describes here our current cultural climate—a both euphoric and terrifying space in which typefaces digitally proliferate and design is the tool of the common (wo)man. Students in our classes, professionals with which we work and consult, companies and organizations with which we partner, and we ourselves have access to document design tools that were incredibly limited just 15 years ago. One of these document design tools is type.

Type matters. Type:

  • sets the mood, look, and feel of a document (e.g., formal, informal, urgent, relaxed)
  • offers clues about the genre of document
  • reveals the structure of a document (i.e., size, placement, color, etc., can reveal hierarchies, categories, and relationships)
  • creates identity and associations
  • is powerful—an important part of designing a document and crafting writing
  • is a key component in creating legible, readable, clear messages (or not)
  • reflects cultural, historical, and economic messages and meaning

Consider this statement and its impact:

type impact 1
type impact 2
type impact 3
type impact 4
type impact 5

The work the type does is different for each. Because we are accustomed to text-forms-as-transparent, we typically are only jarred away from this default when a type design pushes up against our expectations. Think back on the last time you saw something and thought “boy, that just doesn’t work.” Setting a résumé in Comic Sans typically just does not work. Writing a set of instructions in PriceDown just does not work. Preparing a manuscript in Action Jackson typically just does not work. Letterforms carry with them conventions, and provide readers with important cues.

If we can step back a bit—as writers—from letterforms as the objects which, in combination, transparently convey meaning, and focus on letterforms as letter-forms and as graphic icons in and of themselves, we begin to see text differently. As writers, as teachers, and as new media designers whose primary education happened and primary modes of meaning making happen in text, this is an incredibly powerful move.

resources

TYPE USE & FONT DOWNLOADS

typetester

TypeTester
Allows designers to compare screen type--appearance, size, leading, color application, and more; works for all cross-platform, system-standard typefaces, and with some Windows-standard typefaces.

  common fonts

Common Fonts
Provides a list of all system-standard typefaces and allows users to preview for different systems.

type now

TypeNow.net
Themed typefaces (e.g., 28 Days Later, Walt Disney, Coca Cola); a fantastic resource for culture jammers doing digital-visual work.

  dafont dafont.com
A  massive font-download archive, organized into categories including Fancy, Techno, Basic, Script, etc.
         
GAMES, ART, and INSPIRATION
deep font challenge Deep Font Challenge
An addictive online game where users identify typefaces for points and prestige.
  cooper black

Behind the Typeface: Cooper Black
An homage to Cooper Black; brilliant short film that provides the history and life of Cooper Black (in a VH1 Behind the Music format).

typolution Typolution
A gorgeous type piece by Olivier Beaudoin. Creates a world of type objects.
  flickr Flickr: Typographic Inspiration Pool
Font lovers unite! More than 4000 pieces of typographic inspiration.
         
KINETIC TYPE
Kinetic typography is, essentially, an artform created through animated text. Each of the examples below takes a segment from a movie or the lyrics of a song and use type design to convey the emotions, energy, and meaning within the segment.
choose Choose (Trainspotting)
  citizen cope Citizen Cope: Let the Drummer Kick
nick the greek Nick the Greek
  requiem
Requiem for a Dream
         
ARTICLES AND BOOKS
serif "Who Shot the Serif?"
Anatomy of type, with emphasis on serifs. The blog has lots of other fantastic posts, information, and links.
  elements The Elements of Typographic Style Applied to the Web
As the author argues, "for too long typographic style and its accompanying attention to detail have been overlooked by website designers, particularly in body copy." The site is thus a translation and application of Robert Bringhurt's book for web typography.
typographica Typographica
Typographica "is a review of typefaces and type books, with occasional commentary on fonts and typographic design."
  smashing > fonts Smashing Magazine’s Typography Area
Graphic designers know Smashing as an incredible resource for inspiration, ideas, and best practices. The typography area delivers.

 

microreview 2 footer