Typography 101

Fancy definition: the style, arrangement or appearance of typeset matter

Common definition: what language looks like

  • In design, words are graphic elements as important as art work or form.
  • What words look like is just as important than what those words say. And sometimes it’s more important.

Font definition: a complete set of characters comprising one specific size, style and weight of typeface (ex. Arial, Times New Roman, Bauhaus)

Fonts have personality. Accurate font selection is key to the success of any visual communication piece. Check out this fun video: https://www.youtube.com/watch?v=i3k5oY9AHHM

And here’s a good TED Talk on typography: https://www.youtube.com/watch?v=OXc-VZ4Vwbo

Serif Type – tiny strokes, or serifs, at the tip of each letter (Times family)

  • Works best for large areas of text in print

Sans Serif Type – without serifs (Arial)

  • Works best for large areas of text in digital

TYPE Categories:

  • Oldstyle (slanted serifs; moderate think/thin transitions)
  • Modern (thin, horizontal serifs; radical thick/thin transitions)
  • San serif (no serifs; no thick/thin transitions)
  • Script (like cursive)
  • Decorative (fun novelty fonts)


Typography terms

anatomy_of_typography
Image credit to: http://martinsilvertant.deviantart.com/art/Typography-Series-01-Anatomy-of-typography-329617642


10 rules of typography

Typography-10RULES
Image credit to: http://www.designmantic.com/blog/infographics/ten-commandments-of-typography/

 

Points and picas

Designers don’t uses inches. They use points and picas. Here’s what you need to know:

A point is smaller than a pica.

1 inch = 72 points
1 inch = 6 picas

Adobe InDesign displays units like this:

pica → 0p0 ← point

8p6  (that means 8 pica, 6 points)

0p11 (that means 0 pica, 11 points)

>> the next bigger increment would be: 1p0 (that means 1 pica, 0 points)

PointsPicas