Skip to content

Nuts and Bolts: Typography

April 18, 2012

To continue this week’s theme, we’re talking Typography.

Why should you care? Because you can have the most beautiful illustration, the most fabulous idea for the front of a greeting card, but if you choose the wrong font or set up your text in an ill-advised manner, it spoils the whole thing. Typography is important.

Bottom line: any typography you choose MUST be pleasing to the eye. When you choose a font or fonts, be aware of contrast, leading (that’s the space between the lines), kerning (that’s the space between the letters), length, and point size.

Remember, THE SOLE PURPOSE OF TYPOGRAPHY IS TO BE READ. Look at your typography at arm’s length. Get up and take a step back. Can you still read what you typed? If the font isn’t clearly readable, don’t use it.

KERNING: Some fonts weren’t created with proper leading or kerning. Just dashing your text off and slapping it on the card won’t look good, but if the font is otherwise well designed, you can play around with the leading and kerning in your graphics editing program. TIP: If you’re not sure the kerning is right, flip the text upside down. That way, you can clearly see the space between the letters without the word itself getting in your way.

FONT CONTRAST: If you’re planning to mix fonts – which can be a very good thing – be aware that fonts which are too similar don’t look good together, but neither do fonts that are too different. Again, the most hard and fast rule of typography is to keep it PLEASING TO THE EYE. TIP: to create CONTRAST not CONFLICT, you must consider weight (that’s how fat the font appears), size (mixing sizes is okay for emphasis), and whether or not the two (or more) fonts look good together. Fonts that look too much alike don’t work. Neither do fonts that aren’t similar enough.

SHADOW EFFECT: Sometimes, using shadow for emphasis can work wonders on a website, but will shadow print well on a greeting card? In my experience, the answer is… sometimes. Too heavy shadow, or shadow that hasn’t been applied properly, WILL NOT work on a greeting card. Shadow that makes a too heavy contrast won’t look good, either. Beware of blurring the lettering. Keep in mind that what looks eye-catching on a computer monitor won’t necessarily pop when printed on a card. TIP: When using darker background colors like green and blue, instead of black shadow, try a shadow in a shade darker or lighter than your background. This can provide the emphasis needed without overdoing it.

OTHER TEXT EFFECTS: I’ve said it before, and I’ll keep saying it – quit using text effects like beveling. Even web designers aren’t using beveling anymore. That effect came and went 20 years ago. It doesn’t look good printed 2D on a card. Let me repeat that – beveling does not print well. Period. Your cards will look much more professional if you are more judicious in your choices. There’s absolutely nothing wrong with flat text. It’s a flat card, after all. 🙂 In fact, most 3D type effects don’t print well. TIP: Print a sample out for yourself before submitting your design.

RIGHT FONT, RIGHT OCCASION: Fonts do have their own character (except Comic Sans, which has none). Choose the correct font considering the occasion you’re designing the card for. TIP: Avoid fonts that are too gimmicky unless you’re creating a “bespoke” font – that is, a font you’ve created with your own hand, which becomes more of an artistic element than an actual typeface.

Finally, just keep in mind the single most important thing: TYPOGRAPHY MUST BE READABLE AND PLEASING TO THE EYE. If you aren’t sure your design works, you can always submit a proposed design to the Critique Clinic for advice. Now go out there and have fun with fonts!

Advertisements
7 Comments leave one →
  1. paintedcottages permalink
    April 18, 2012 3:11 pm

    great examples…most helpful…THANKS

  2. April 18, 2012 3:19 pm

    Good advice and very well said! One thing that has bothered me about GCU, is their very limited font options as well as lack of kerning options. It makes it difficult when you try to create a customizable card. Can we get GCU to add more fonts and also allow us to kern type (like Zazzle)? Thanks!

    • April 18, 2012 4:45 pm

      I just want to add to my comment above (while I’m working on a customizable card and getting frustrated)… it would be nice if GCU also offered leading options and have the same font options for the inside that matches their cover options. I noticed that font options aren’t the same for the cover and inside, so I can’t keep the fonts on my cards consistent from cover to inside. I hope GCU can fix this. Thanks again!

    • April 19, 2012 9:14 am

      Hi Patty!

      GCU rolled out the photo cards / personalized front of cards option not that long ago as part of their partnership with a company that provides vending kiosks where people can order these kind of cards. They were limited in font choices for the front of cards to the fonts the partner had available in their kiosks. And adding new fonts to their options is on their wish list, but as it’s a long list, we may be waiting a while.

      Corrie

  3. Aqua Lee permalink
    April 18, 2012 4:30 pm

    Great post with excellent advice! Hope everyone sees this.

  4. SunAtNight permalink
    April 18, 2012 5:58 pm

    Good advice for any fontaholic. Well done!

  5. April 26, 2012 10:57 pm

    I’d like to add a few common typography missteps that we see :
    1. Weight – a very thin font is often hard to read
    2. Color – should work with the design/image not compete yet have enough contrast to be easily legible
    3. Curved/Arched – hard to read and hard to do w/o looking distorted
    http://www.greetingcarduniverse.com/shopping/zoom.asp?pid=253947&w=1

    Special effects on a too thin font or poor color choice usually make matters worse.

    A few examples if I may:
    the font color and effect coupled with this busy design make it difficult to read:
    http://www.greetingcarduniverse.com/shopping/zoom.asp?pid=184679&w=1&ref=details_large_view&view=front

    the font thiness (light weight) coupled with the effect make it difficult to read:
    http://www.greetingcarduniverse.com/shopping/zoom.asp?pid=921307&w=1&ref=details_large_view&view=front

    Light weight is fine but if there is not enough color contrast it gets lost. These two WORK:
    http://www.greetingcarduniverse.com/shopping/zoom.asp?pid=206795&w=1&ref=details_large_view&view=front

    http://www.greetingcarduniverse.com/shopping/zoom.asp?pid=271937&w=1

    I personally find vertical text diffult to read. Maybe it’s just me. Any advice for artists? I have to imagine difficult kernening here. If attempted there must be some key tips and issues to consider.

    Examples:
    http://www.greetingcarduniverse.com/shopping/zoom.asp?pid=247040&w=1
    and
    http://www.greetingcarduniverse.com/shopping/zoom.asp?pid=271218&w=1

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: