Dynamic Graphics+Create Magazine
HOME   |   SUBSCRIBE  |   ABOUT  |   CONTACT US  |   NEWSLETTERS  |   CALL FOR ENTRIES  |   ADVERTISE  |   SUBSCRIBER SERVICES  |   WEBCASTS  |   JOBS
Topics
Webcasts
Newsletter
Subscribe/Renew
 
Purchase past issues to complete your library or to find the essential tips and techniques you've been searching for.
 
Tutorials
Create a halftone border in Photoshop.
Add a halftone drop shadow using Photoshop.
Downloads
Free high-quality high resolution photos.
JUPITERIMAGES SEARCH
Jupiterimages offers millions of quality photos, fonts, clipart images and animations!

 
Jupiterimages.com
Clipart.com
Photos.com
Animation Factory
internet.commerce
Join Partner Program
Big Choices for Big Fonts
Choosing display type presents a confusing maze of options. These simple selection guidelines will help you find the way. 

by Allan Haley
August/September 2006
Display typefaces have four main functions:

1. Attract attention
2. Create differentiation
3. Set a mood
4. Build hierarchy

1. Attract attention: The first use of display typefaces was to attract attention—to pull a reader into an advertisement, brochure, or poster. The most successful designs do this without being overpowering. They usher the reader into the accompanying text without distracting from it.

2. Create differentiation: Because they are often distinctive in design, display typefaces can create brand and product distinction. Good choices can make products and services stand out from the crowd. The right typeface, used consistently, can go a long way toward creating a powerful brand.

3. Set a mood: Display typefaces can evoke a mood or emotional response. The font Arnold Boecklin is the quintessential Art Nouveau typestyle (figure 1), while Wanted (figure 2) creates a feeling of the Old West. There is, however, a caveat when attempting to set a mood with display typefaces: It’s easy to be hackneyed. Using Old English for antique store signage or a sans serif italic to indicate speed, for example, are worse than stale.


4. Build hierarchy: Display typefaces can bring order and structure to complicated content. Use display type to divide large documents into manageable sections, highlight important or recurring points, and distinguish the body of the information from its infrastructure—headers, footers, and menus. If the display type does not distract from the main text, an added benefit is that the document “feels” shorter when broken into small bite-sized segments, making it more reader-friendly.

What to look for
The first rule of choosing display typefaces is to make an appropriate choice … appropriate to the delivery vehicle, content, and audience.

Appropriateness to delivery vehicle: The most appropriate display typeface for a small-format print environment will probably be a different design than one that is best at very large sizes. And both of these might not be appropriate for display copy on screen or in presentations.

The best font for presentation graphics, for example, is a sans serif (because it is more legible than a serif design), bold weight (to enable high levels of visibility), of condensed proportions (to obtain the maximum number of words in the smallest space).

While the best typefaces for on-screen use are also sans serif designs, faces with condensed proportions are not good choices. Designs with large x-heights and open counters should be sought out. Large x-heights will take advantage of the limited digital real estate of screens. Robust or decorative typefaces like Aftershock or Snap that might make excellent choices for posters and brochures would probably not be good decisions for display type on screen (figure 3).

Newspapers, which are almost always read under less than ideal circumstances, require sturdy, industrial strength designs like Bookman or Franklin Gothic for headlines, while a catalog for women’s clothing would do better with a more supple design like Berkeley Old Style (figure 4). The same Berkeley Old Style, however, might not be the best choice for a web page banner, while Lucida Sans might be (figure 5).

Appropriateness to content: A birth announcement would be expected to use different typefaces than a poster announcing a company picnic. And a financial newsletter will be best served by yet different typefaces.

For that birth announcement, ITC Kristen (figure 6) or Young Baroque would be good choices. The poster for the company picnic might benefit from a robust face like Artiste or ITC Juanita (figure 7). The financial newsletter? Try heads in Mentor Sans Bold and text in its serifed sibling, Mentor Roman (figure 8).

Appropriateness to audience: It’s a pretty safe bet that counterculture display faces like Panic and Schizoid will not appeal to an over-60s reader or that Edwardian Script and Modern No. 216 would resonate with a potential customer for skateboards (figures 9 and 10). Typefaces like Democratica and Modula Ribbed from Emigre or Fink Brush from House Industries can be great display typefaces—but probably not for the readers of the quarterly financial reports of an international banking firm (figure 11).


Copy length
Copy length should have a bearing on choice of a display typeface. Long blocks of display copy should be inviting and relatively easy to read. Traditional designs, because they are based on standard text typefaces, are usually the best choices where display copy runs more than a few words. Charter Bold, Mendoza Roman Bold, or even the Ultra weights of faces like Novarese and Mundo Sans can be excellent choices for even relatively long blocks of display copy (figure 12).

There is a great deal more freedom of choice in short copy blocks. Since many of the decorative display typefaces are not paragons of legibility, they should be avoided in display copy that runs longer than a half-dozen words. In short copy blocks, however, they can be the perfect choice. Buccaneer or Curlz won’t win any contests for typeface legibility but they are very effective display faces in short blocks of copy (figure 13).

Harmony and counterpoint
Display type can either complement or contrast with the text copy. A dramatic change in typeface will create the most emphasis. Figure 14, below, shows a few excellent typographic contrasts.

A display typeface can also complement text design. The simplest—and most reliable—choice here is to use a bold weight of the typeface used in the text copy.

The weight you use to create emphasis should also be the result of a conscious decision and not just a click of the mouse. Using the next heavier weight in a family might not be the right choice. In some typeface families, weight changes are subtle. The next weight up from the basic text design may be too light to make a strong statement, and using it will simply distract the reader … instead of highlighting an important point.

Of course, typeface styles can and should complement each other. Serif typefaces from the same typeface category will normally work well together. Figure 15 shows a selection of typeface combinations that are from the same category and are certain to be pleasing counterparts.

In either case, the typeface used as the emphasizer should also be bolder and have about the same x-height as the face used for the rest of the text copy.

Warning: Using a sans serif design as a display typeface with copy set in a different sans serif face almost never works.

Three display type guidelines
1. Use typefaces that have legs. There are well over 100,000 fonts to choose from, but many will have a short life … and then become about as fashionable as poodle skirts. Try to choose typefaces that will still look fresh years from now.

2. Decorative faces push the “appropriateness” envelope much sooner than more conventional designs. Use with sensitivity toward your medium, message, and audience.

3. The basic “goodness” test for display type: Is it readable? Is the headline a collection of words— and not just a bunch of letters? Shoot for the former, avoid the latter.

About the author
Allan Haley is the director of Words & Letters at Monotype Imaging. He is chairperson of AIGA Typography and a past president of the New York Type Directors Club.
Events & Courses


JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
IBM Whitepaper: Innovative Collaboration to Advance Your Business
Internet.com eBook: Real Life Rails
Avaya Article: Call Control XML - Powerful, Standards-Based Call Control
Tripwire Whitepaper: Seven Practical Steps to Mitigate Virtualization Security Risks
Internet.com eBook: The Pros and Cons of Outsourcing
Go Parallel Article: Scalable Parallelism with Intel(R) Threading Building Blocks
Internet.com eBook: Best Practices for Developing a Web Site
IBM CXO Whitepaper: The 2008 Global CEO Study "The Enterprise of the Future"
Avaya Article: Call Control XML in Action - A CCXML Auto Attendant
Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program
IBM CXO Whitepaper: Unlocking the DNA of the Adaptable Workforce--The Global Human Capital Study 2008
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
Go Parallel Article: Getting Started with TBB on Windows
HP eBook: Storage Networking , Part 1
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Go Parallel Video: Intel(R) Threading Building Blocks: A New Method for Threading in C++
HP Video: Is Your Data Center Ready for a Real World Disaster?
Microsoft Partner Portal Video: Microsoft Gold Certified Partners Build Successful Practices
HP On Demand Webcast: Virtualization in Action
Go Parallel Video: Performance and Threading Tools for Game Developers
Rackspace Hosting Center: Customer Videos
Intel vPro Developer Virtual Bootcamp
HP Disaster-Proof Solutions eSeminar
HP On Demand Webcast: Discover the Benefits of Virtualization
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Microsoft Download: Silverlight 2 Software Development Kit Beta 2
30-Day Trial: SPAMfighter Exchange Module
Red Gate Download: SQL Toolbelt
Iron Speed Designer Application Generator
Microsoft Download: Silverlight 2 Beta 2 Runtime
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
IBM IT Innovation Article: Green Servers Provide a Competitive Advantage
Microsoft Article: Expression Web 2 for PHP Developers--Simplify Your PHP Applications
Featured Algorithm: Intel Threading Building Blocks - parallel_reduce
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES