May
26th

Typography Primer

Happy New Year! Marketing Technology finds and reports on the latest technology that will enable your business to effectively market to your audience, for acquisition or retention strategies. Subscribe now the Marketing Technology Blog RSS feed or to the Marketing Technology Email to have new content sent directly to your inbox. You'll also find my other business blog helpful, Social Media Domination.

My main hobby growing up, when I wasn’t getting into trouble, was drawing. I even took a couple years of drafting courses while in High School and loved it. It may explain why I often have articles or posts on graphics, Illustrator, illustrations and other design topics.

Though I’m not able to reproduce or create great designs on my own, I do believe I have a taste for it. I digress! Here’s a cool little video on typography… many people don’t know all the work that goes into font design and how important a role that fonts can play in your messaging.

One note: This is a great video for explaining all the properties of a font, but I don’t really like the fonts they use in the video. Wanted to share it with you anyways! That way when you want to explain to your designer that you want more space between letters, you can speak their language and say, “Can we try increasing the kerning?”

Some verbiage of the characteristics of Typography:

  • Line length - how many characters fit in a line before you return to the beginning.
  • Leading - the distance between the baseline of one line of text to the next.
  • Kerning - the distance between letters in a word.
  • Stem - the ‘planted’ portion of the character that the rest of the letter is written from.
  • Baseline - the horizontal alignment of the base of the letters.
  • Ascender - a portion of the font that ascends beyond the height of a character.
  • Descender - a portion of the font that descends beyond the baseline.
  • Counter - the white space enclosed by the letterform.
  • Serif - the design at each of the terminations of a character (sans serif means no design)
  • x-height - the height of a typical character (excluding any ascender or descenders)

My apologies to the professionals out there who do this for a living. I just wanted to give a primer on fonts and typography to the average Marketer. Feel free to dial in with your advice and corrections on my simple descriptions.

RSS feed | Trackback URI

7 Comments »

Comment by Kevin
2007-05-27 14:24:31

Nice introduction for beginners. The definition you’ve used for “counter” might be a little confusing. The best short definition I’ve heard is “the white space enclosed by the letterform.”
Comment by Douglas Karr
2007-05-27 14:32:37

Thanks Kevin! I’ve updated the brief definition with your recommendation.
 
 
Comment by Thor Schrock
2007-05-28 11:35:05

Oh my gosh! I had no idea so much went into designing a font. I really like the new font Microsoft uses in Office 2007. I used it for a while, and then bounced back to Office 2003 and I could not stand it!
 
Comment by Web Hosting Reviw
2007-06-11 00:10:01

Yea I agree with Thore, i thought it was somthing simple. I had no idea it was so much work. I guess its just one of those things we all take for granted. Thanks for the info.
Next time I install a font i will be sure to take a moment and appreciate the work that went into creating it.
 
2007-06-20 18:35:13

[...] you’re fascinated by fonts as well… check out the other videos I’ve posted: Typography Primer and The Letterpress, Typography, and Pulp [...]
 
2007-07-17 21:26:22

[...] Sans serif fonts aren’t as friendly as serif fonts for reading - but you seldom find serif fonts regularly for reading articles on the web. I’m not sure why but I don’t use them either. To compensate, though, I do ensure my font sizes are readable. For a period of time, we saw font sizes shrinking on the web as monitors became larger. [...]
 
2008-07-17 21:26:08

[...] larger, well-styled fonts. I like ‘Lucida Grande’ because it has serifs. There’s evidence that people read [...]
 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

My Comment Policy: I moderate comments. Please be patient:

  • Spam will happily be destroyed.
  • Use your real name, not some keywords. Otherwise it will be destroyed.
  • Mean comments aren't necessary. If I don't post them I will reply personally to let you know why.
  • Lewd comments will be edited, I don't want my readers leaving because of offensive content.
Great debate, criticism and colorful commentary is always appreciated and approved!