Understanding The Difference Between Type And Lettering

Advertisement

Coming out of the grunge, graffiti and David Carson era through the ’90s, there has been a major resurgence of interest in typography. We have seen a number of designers and artists make their careers out of designing type or custom lettering, and it has become common to list typography among our skills and disciplines.

Unfortunately, as with any popularity surge, there have come with it a lot of misunderstandings of some of the terms and concepts that we use. This article will help you gain a clearer understanding of what typography is and isn’t, and why.

One rather common example of this is the myriad of blog posts and showcases claiming to display “hand-lettered typography” — I’ve even heard university professors say it. Though the phrase seems to make sense, it’s actually a contradiction in terms — hand-lettering is not typography at all! Before you throw your pens and brushes at me in protest, please let me explain!

Lettering1

Even though lettering and typography share many of the same concepts, and a good eye and understanding of one will enable you in the other as well, they are completely different disciplines. Let’s begin by defining how we understand each term.

What Is “Typography”?

Typography is essentially the study of how letterforms interact on a surface, directly relating to how the type will be set when it eventually goes to press. One definition is stated as “the style, arrangement or appearance of typeset matter,” and is a product of the movable type printing system that much of the world has used for centuries. It is related to typesetting and can include type design. In our current digitally-driven design world, this means working with fonts on a daily basis for most of us.

Typography is actually a subset of lettering, because it is the study of letters applied to typefaces. Many designers have also taken up letterpress printing as a hobby or side interest, which also utilizes aspects of typography or typesetting, depending on the project.

Typeset book pages.2
Typeset book pages. (Image: Tom Garnett3)

Gerrit Noordzij, professor of typeface design at the Royal Academy of Art in The Hague, Netherlands, from 1960 to 1990, defines typography4 as “writing with prefabricated characters.” Peter Bil’ak, founder of Typotheque, notes5 that this “implies a complete distinction from lettering, handwriting or graffiti, which are also concerned with creating letter-shapes, but don’t offer a repeatable system of setting these letters.”

It is quite common for people to refer to lettering as typography, but you should always avoid doing so when speaking with a client. Typography might be used in a logo, but so might custom lettering. Your client may not know the difference, but you do, and it’s important to have an educated client. This requires that we speak to them using the right terms, and it makes things easier to understand for both you and your client.

In addition, as designers of any sort, we strive to maintain a high level of professionalism6, and using terminology correctly is an important part of showing pride in our line of work and being confident that we can do it, not simply to get the job done, but to produce excellent work.

What Is “Lettering”?

Lettering can be simply defined as “the art of drawing letters”. A lot goes into making lettering look right, and that’s an entirely different topic, but the concept is very simple: a specific combination of letterforms crafted for a single use and purpose as opposed to using previously designed letters as components, as with typography. Often lettering is hand-drawn, with pens, graphite or brushes, although some people start their work directly in Adobe Illustrator. Engraving and similar arts are related to lettering.

New York script by Simon Ålander.7
New York script by Simon Ålander8.

Just as typography is not lettering, lettering is not typography. Widely respected lettering artist Jessica Hische9 gave a talk on the subject10 at the FRONTEND 2011 conference, for those who “don’t understand the difference between lettering and type,” getting into the pertinent information with some concise definitions at around ¾ the way through the video.

Typography does indeed have similarities to lettering — it is still dealing with letters, but within the context of typefaces and their proper use. Therefore, it’s not a good idea to refer to typography as lettering, since they have different connotations and you don’t want to confuse your client by swapping terms. Again, accuracy in terms is an important element in any profession and design is no different.

Similarities And Differences

The visual concepts that are behind typography and lettering are largely shared by both disciplines. Letterspacing, consistent weight and contrast, the rules that we go by for what works and what doesn’t work, still apply. However, often the terms used are different. For space between two lines of text that are typeset, we use the term “leading,” referring to the strip of lead that printers would set between the lines of type to give more space. The same concept applied to lettering would simply be called “line spacing.”

Upper case of type containing uppercase glyphs.11
“Upper case” of type containing uppercase glyphs. (Image: Marcin Wichary12)

The space between letters is also an important concept, and lack of attention to it is responsible for much of the bad typography we see today. When working with type, we call adjusting the horizontal space between characters “kerning,” but this is a modernized understanding of the term. In typesetting, a kern is part of a glyph that extends beyond the type block on which the character is molded, e.g. the terminal of the “f” in the image below.

A kerned f type block.13
A kerned “f” type block.

In lettering, however, avoid referring to this as kerning. Rather than saying that the “A” and the “V” could be kerned, we could say that the space between them could be tightened up.

Typography is used for endless applications, from titles to body text, some of which present a myriad of typographic considerations that those concerned with lettering will not have to think about. Lettering is almost exclusively used as display text — imagine lettering a few paragraphs of text by hand!  Calligraphy is a much more likely to be used in longer passages of text. While calligraphy and lettering are once again related, there is a fundamental difference between the two that I’d like to point out.

Calligraphy is based on penmanship; it’s essentially “writing letters.” Lettering, on the other hand, is based on draftsmanship, i.e. “drawing letters.” Persevering calligraphers and scribes have famously done books as long as the Bible, which are incredible works of art in their own right (e.g. the Lindisfarne Gospels, the Book of Kells), but those were a lifetime endeavor, and for practical purposes we now use typefaces. Whew!

Illuminated (lavishly decorated) lettering in the Lindisfarne Gospels, from the Gospel of Mark.14
Illuminated (lavishly decorated) lettering in the Lindisfarne Gospels, from the Gospel of Mark. This particular page showcases a lettered portion as opposed to a calligraphic passage, i.e. drawn rather than written. (Image: manuscript_nerd15)

The differences, in the modern digital age, are sometimes theoretical, but the practical differences are huge — nobody wants to hand-letter 500 pages!

Some tenacious calligraphers, however, have undertaken monumental projects, such as the St. John’s Bible16, a modern manuscript completely written and illuminated — a calligraphic term for embellishing — by hand. It took about 13 years, from commission to completion, using traditional techniques such as quill pens and manually-applied gold leaf, and cost an estimated $8 million. The incredible proportions of this project are a testament to the beauty of traditional techniques, but also a reflection on how printing and typography have changed the world.

Historically Speaking

The arts of both lettering and calligraphy have been around since time immemorial. Spoken languages quickly developed writing systems, which were then used to communicate through a more enduring medium than speech. Lettering and calligraphy evolved alongside each other, along with other letter-related arts such as engraving. We can follow the progression, from the Rosetta Stone and ancient Roman inscriptions to the works of scribal art mentioned above and more. History has provided us with endless examples of lettering and calligraphy, by engraving, pen and brush.

Traditional Chinese Calligraphy.17
Traditional Chinese calligraphy. (Image: Terry Madeley18)

Although very few people could read, and writing was relegated to monasterial and royal scribes through the Middle Ages in Europe, we have some awe-inspiring work from that period. Unfortunately, we often overlook the beautiful calligraphy and lettering that was being done in Asia and the Middle East, where an education in the arts was much more accessible. Both lettering and calligraphy have thrived in the eastern hemisphere and continue to be a source of inspiration today.

Calligraphic art in the Hagia Sophia, Istanbul.19
Calligraphic art in the Hagia Sophia, Istanbul. (Image: Simona Scolari20)

When Johannes Gutenberg built his printing press around 1439, the concept of typography, which had been developing slowly, was revolutionized. The moveable type system, metal alloy and casting methods gave the world a practical solution to printing. This gave rise to the discipline of typography as we know it, with kerning, leading and the terms we still use today. Each letter had its own type block on which it sat, and typesetters would arrange the type character by character.

Inside a Gutenberg Bible.21
Inside a Gutenberg Bible. Note the mixed use of blackletter typography and hand-lettered drop caps, mimicking the contemporary German calligraphic style. (Image: jmwk22)

Typography was, and has continued to be, primarily the skill of setting type. It was a very time-consuming process, and people were constantly trying to find ways to streamline it and increase production rates. Standardized methods for arranging the glyphs so their positions could be memorized and picked up by the typographer without having to look were developed. This gave us our terms for upper case and lower case characters, because an upper case, or drawer, typically contained the capitals and the lower type-case the minuscules, before the California Job Case, popular in the United States in the 19th century, combined both levels into one larger case.

A chart displaying the layout of the California Job Case method for arranging type.23
A chart displaying the layout of the California Job Case method for arranging type. (Image: Marcin Wichary24)

Leaving typography at this point in its development, I’ll follow the progression of lettering and calligraphy. During this period of experimentation with printing, calligraphy still played a huge role in communication, and the educated would write in a hand that amazes us today as to the beauty and accuracy of their manuscripts. Swashes, ascenders and descenders wove themselves into amazing patterns and borders, sometimes all but obscuring the text itself.

Ornate sample of penmanship by Jan van de Velde, Amsterdam, 1609.25
Ornate sample of penmanship by Jan van de Velde, Amsterdam, 1609.

Lettering and calligraphy followed cultural trends, leaving the Rococo era and becoming more sober during the early 19th century, only to flower into ornament once again through the Victorian era and the florid shapes of Art Nouveau. The worlds of type and lettering constantly intermeshed. Many people, such as Oswald Cooper, achieved respect for their lettering and were hired by type foundries to design new typefaces.

Title pages from German avant-garde publications Dekorative Kunst and Pan, examples of lettering during the Art Nouveau movement.26
Title pages from German avant-garde publications “Dekorative Kunst” and “Pan”, examples of lettering during the Art Nouveau movement.

Lettering figured strongly through Art Deco and Modernism, for posters and ads, logotypes and book covers. The relatively recent art of film titles also provides us with a wide range of illustrative lettering styles from the 20th century. Coming out of the Modern era and through the latter half of the 20th century lettering went through a variety of permutations — the organic styles of the 70’s, the new modernism of the 80’s, and the grungy 90’s styles aforementioned — bringing us to our modern lettering scene, with a smorgasbord of visual references to every period of history imaginable. Designers such as Herb Lubalin and Doyald Young, the metaphorical giants of lettering, have left a huge legacy from this time period.

Lettering by Herb Lubalin displaying his studio address.27
Lettering by Herb Lubalin displaying his studio address.

Here I will step back in time to pick the thread of typography back up. The development of techniques continued through the 19th century, and printing played an important role in world history, such as Benjamin Franklin’s publications and Thomas Paine’s printed materials — The Rights Of Man, Age Of Reason, et al — that were instrumental in the American Revolution.

Meanwhile, after many inventors had tried and failed to create a practical typesetting machine, Ottmar Mergenthaler succeeded in building the linotype machine in 1884, which revolutionized the newspaper industry. I won’t say more about it here, but if you’re interested in the history of typography, I would highly recommend taking a look at the documentary Linotype: The Film28. This is not a sponsored statement, I simply enjoyed the documentary immensely and you may want to check it out!

A look at a linotype machine.29
A look at a linotype machine. (Image: Marcin Wichary30)

The linotype was just one of the machines used to expedite the typesetting and printing processes, and although some people still hand-set type, the industry as a whole was continuously changing to introduce faster and better techniques. Typography was explored in the various art movements, from Dada to Modernism and beyond, rethinking ways in which type could be used and given expression and meaning. As typography, experimental and traditional, progressed, the techniques segued to phototypesetting and from thence to the digital age in which we find ourselves today. Typography as a discipline looks very different than it did 50 years ago. Instead of setting metal type and locking in forms, we use panels in Illustrator or InDesign to kern, add leading and align our type.

Lettering has also moved into the digital format in which we enact most of our design work. Many artists, however, stay true to analog media by hand-drawing lettering.

Lettering by Tom Lane for Hook & Irons.31
Lettering by Tom Lane32 for Hook & Irons33.

The digital amalgamation has been largely responsible for the confusion of lettering and typography, since they are now often created using the same programs — the difference between the two is no longer the difference between a brush and a letterpress machine, or a drafting table and linotype matrices. However, lettering and typography are still different concepts, and understanding them and their similarities and differences will help us become better designers.

Getting Started On Your Own Hand-Lettering

For those looking to begin creating hand-lettering of their own, it can feel a bit daunting. The letterforms that we see so often prove very difficult to draw freehand. Thankfully, there are a lot of tips and tricks you can use to familiarize yourself with the process and learn how to create pleasing compositions.

Tracing

Get some tracing paper, and print out samples of well-known typefaces. Trace them over a few times, letting your hand become used to the lines that type designers have carefully worked over and revised until they were perfect. Some good ones to start with are time-honored classics such as Garamond and Caslon, or exceptional recent works such as Okay Type’s Harriet34. Avoid using free fonts, since they are often poorly crafted and wouldn’t provide a good model. This allows you to train your eye and hand using the work of masters.

Reading

Read voraciously! I’ve listed a number of resources at the end of the article for you to check out — books, blogs and other resources. Knowledge is power, and understanding principles behind type design and letterforms help you develop your eye.

Photo Safari

If you live near a town with a historic district or old buildings, make a point to spend a few hours on a weekend just walking around and finding samples of good typography and lettering. You can find great examples in outdoor signage, whether lighted signs, painted or vinyl. Often there are huge letters painted on brick walls at old factories or restaurants. Then, use your photos as models to draw historic styles of lettering.

Use a Grid, but Don’t Use a Grid

When lettering, you’ll find that perfect measurements often don’t actually look “right.” Draw lines to help yourself keep a consistent stress and even weight throughout your lettering, but trust your eye rather than the grid if something doesn’t look quite correct. This is particularly true if you’re doing something with a curved baseline. Remember, you’re making this to be seen, not measured, so perception trumps geometric perfection.

Resources

Here are a few resources that I have found to be particularly helpful, concerning both lettering and typography.

Books

  • Dangerous Curves35, Doyald Young
    This volume showcases some of the best work over Young’s illustrious lettering career, including rejected logotype options and in-process sketches.
  • Scripts36, Steven Heller and Louise Fili
    From two of our contemporary design landscape’s most respected proponents of lettering and type comes a “veritable festival of rare and unknown scripts.”
  • Typography Sketchbooks37, Steven Heller and Lita Talarico
    Heller teams up with Talarico to present a look inside the minds and processes of more than 100 esteemed letter-lovers.
  • Designing Type38, Karen Cheng
    Cheng walks us through a semantic look at the rationale and aesthetics behind the typefaces we see and use regularly, replete with diagrams and illustrations.

Websites

  • Typeverything39
    A tumblog of lettering and typography, curated by some of the most respected current lettering artists.
  • Calligraphica40
    Another Tumblr website showcasing calligraphy of all styles and languages, again curated by amazing calligraphers and letterers, including some of those involved in Typeverything.
  • I Love Typography41
    In-depth blog posts about type history and lettering, interviews with type designers, updates on upcoming type-related publications — ILT provides a good read for serious letter lovers.
  • We Love Typography42
    Compiled by typographers and designers of all sorts, another showcase of type and lettering with styles for everyone.
  • Beautiful Type43
    This site isn’t updated terribly often, but whatever and whenever they do post, it’s inspiring!

Portfolios

Here are a few portfolios from great lettering artists that have inspired many:

In Summary

Hopefully this dissertation on lettering and typography has enhanced your knowledge of design and will further equip you to improve your skills. Lettering and typography, so similar yet so diverse, are a huge part of design and thus deserve our full understanding.

(cp)

Footnotes

  1. 1 http://www.smashingmagazine.com/wp-content/uploads/2012/10/lettering.jpg
  2. 2 http://www.flickr.com/photos/fatedenied/7335413942/
  3. 3 http://www.flickr.com/photos/fatedenied/7335413942/
  4. 4 http://www.letterror.com/noordzij/meaning/index.html
  5. 5 http://www.typotheque.com/articles/what_is_typography
  6. 6 http://designproacademy.org/
  7. 7 http://coffeemademedoit.com/
  8. 8 http://www.coffeemademedoit.com/
  9. 9 http://jessicahische.is/
  10. 10 http://www.frontend2011.com/video/jessica-hische.html
  11. 11 http://www.flickr.com/photos/mwichary/2406522883/
  12. 12 http://www.flickr.com/photos/mwichary/2406522883/
  13. 13 http://typefoundry.blogspot.com/
  14. 14 http://www.flickr.com/photos/83142434@N07/7807754206/
  15. 15 http://www.flickr.com/photos/83142434@N07/7807754206/
  16. 16 http://www.saintjohnsbible.org/
  17. 17 http://www.flickr.com/photos/terry/6839152872/
  18. 18 http://www.flickr.com/photos/terry/6839152872/
  19. 19 http://www.flickr.com/photos/13237923@N02/3458854590/
  20. 20 http://www.flickr.com/photos/13237923@N02/3458854590/
  21. 21 http://www.flickr.com/photos/jmwk/3517373312/
  22. 22 http://www.flickr.com/photos/jmwk/3517373312/
  23. 23 http://www.flickr.com/photos/mwichary/2406369655/
  24. 24 http://www.flickr.com/photos/mwichary/2406369655/
  25. 25 http://observatory.designobserver.com/slideshow.html?view=507&entry=9767&slide=6#slide
  26. 26 http://www.linotype.com/798-12626/briefboominelitistpublications.html
  27. 27 http://monowolf.com/2012/07/design-by-herb-lubalin/lubalin2/
  28. 28 http://www.linotypefilm.com/
  29. 29 http://www.flickr.com/photos/mwichary/2252094942/
  30. 30 http://www.flickr.com/photos/mwichary/2252094942/
  31. 31 http://gingermonkeydesign.com/
  32. 32 http://gingermonkeydesign.com
  33. 33 http://hookandirons.com/
  34. 34 http://okaytype.com/harriet/series
  35. 35 http://doyaldyoung.com/DC01.html
  36. 36 http://www.louisefili.com/books/?c=331&n=0
  37. 37 http://www.thamesandhudson.com/Typography_Sketchbooks/9780500289686
  38. 38 http://yalepress.yale.edu/yupbooks/book.asp?isbn=0300111509
  39. 39 http://typeverything.com
  40. 40 http://calligraphi.ca/
  41. 41 http://ilovetypography.com/
  42. 42 http://welovetypography.com/
  43. 43 http://beautifultype.net/
  44. 44 http://simonwalkertype.com/
  45. 45 http://coullon.com/
  46. 46 http://youngjerks.com/
  47. 47 http://joncontino.com/

↑ Back to topShare on Twitter

Joseph Alessio is a lettering artist and designer from the Detroit area. He has worked with companies such as Patagonia, Reach Records, Monotype and the Art Director's Club. When not working, he plays 7 musical instruments and reads classic literature. You can keep up with some of what he's doing on his Dribbble profile, and he often talks about life, design and current events in 140 characters.

Advertising
  1. 1

    Great typographic summary! For anyone in the New York area – a typographic journey of historic books, hand lettering and ancient book binding. A real gem for real letterpress typography and unbelievable craftsmanship: The Grolier Club, 47 East 60th Street, New York, NY 10022 [Tel. (212) 838-6690]

    3
  2. 2

    Very informative…thanks a lot for sharing!! :)

    2
  3. 3

    Great article Joseph. I wanted to send this to a shocking handful of people from professors to ex-fellow students and friends, but I’m afraid the gesture would be too mean or even worse, not understood.

    2
  4. 5

    I enjoyed reading this – thanks for the great article. I would also include Sean McCabe in that list of inspiring portfolios.

    0
    • 6

      Hey Daniel, glad to hear you enjoyed the article. Indeed, Sean is among a massive list of amazing lettering artists that I could have included, but since I couldn’t list them all, I had to leave out many deserving of a mention.

      0
  5. 7

    Joseph, well done! This is beautifully rendered information and extremely thorough, beyond well written.

    2
  6. 8

    “90’s” is possessive.
    “’90s” is “nineties” (note the initial apostrophe).
    :)

    1
  7. 10

    Good article nicely crafted.

    2
  8. 11

    An interesting take on two concepts that are commonly thought of as one. Thanks for this, much appreciated.

    1
  9. 12

    I will finally be able to remember leading vs. kerning now that I know where the terms originated. You did a superb job of blending historical context with modern technologies. +1 for inclusion of a drawing celebrating Ben Franklin’s Union Fire Company. Most people did not know that his small peer group (Junto) originated the concept for a municipal fire department.

    1
    • 13

      Hey Dylan, I’m glad the article was helpful! Exactly, knowing the history and rationale behind the terminology is a huge help.

      Ben Franklin was an amazing man! Printer, inventor, politician, fireman, and at one point in his illustrious career, U.S. ambassador to France! Very interesting character, and one of the most prominent figures in early American typesetting as well. Franklin was a friend of John Baskerville, and championed his typefaces to some who compared it unfavorably to the then-standard go-to typefaces by Caslon.

      0
  10. 14

    Beautiful subject matter; lovely article. Thank you for this.

    0
  11. 15

    WOW, this lettering work is stunning. In Asia and Middle, the calligraphy (particularly Arabic Calligraphy) flourished a lot. It was the integral part of buildings in this area. Very impressive work Joseph.

    1
  12. 16

    Great article Joseph! I was reading and was going this is pretty interesting then saw your name at the bottom! I guess I never really looked at lettering as just lettering, I always considered it loosely as typography just because it had something to do with letterforms.

    1
  13. 17

    A very good read. One minor quibble on the subject of terminology: an individual piece of type is not called a “type block” but a “sort”. At least, that’s what I was taught when I took up letterpress printing in the 1970s. (Hence the expression “out of sorts” for feeling a bit below par.)

    1
    • 18

      Good call. I used a descriptive term for the sake of clarity in explaining the nature of the component, but the correct term for the piece of type is a sort.

      1
  14. 19

    Hello, the article is splendid, really great summary about typography, lettering and calligraphy. I would like to ask you if you know the spanish translation of “lettering” Because I have found that it sometimes has been translate as “calligraphy”

    Let me know. Thanks a lot

    1
  15. 20

    Excellent! thanks a lot!

    1
  16. 21

    Fantastic article Joe, and some beautiful examples of type and lettering.

    1
  17. 22

    Nice article! When I discuss this topic in my lectures with college students I remind them that typography is a visual language of letterforms based on predefined rules, systematic forms and formal qualities set by the original designer. Lettering is uniquely crafted letterforms, casual and random where the designer makes all decisions of balance, rhythm, proportion and visual aesthetics.

    1
  18. 23

    Nicholas Gilbert

    April 3, 2013 4:45 pm

    Enjoyed the read!

    1
  19. 24

    Great article: informative and well written. Will share.

    0
  20. 25

    Hey, nice article. I never even knew people got typography/lettering mixed up these digital days but good to set the record straight.

    0
  21. 26

    OMG! You really need to remove the image of Chinese calligraphy. I believe the writer had no idea what he was writing.

    0
  22. 27

    Great article!

    Would be nice to include separated sample portfolios of Calligraphers and Typographers aside from the letterers you mentioned.

    0
  23. 28

    Jessica Hische should be included in your list of resources.

    0
  24. 29

    I’m new to this unbelievable world of lettering and calligraphy. This article helped me a lot. Thanks

    0
  25. 30

    Hey, loved the article! But the images seem to be broken and I’d love to see them… could you please update or send me a copy of the article with the images? Thank you so much!

    0
  26. 31

    Thanks for this lovely lesson… Heaven knows when I will be able to do it so well…. Do keep posting please.

    0
  27. 32

    really good information of lettering.great work.thanks for sharing..!!

    0

Leave a Comment

Yay! You've decided to leave a comment. That's fantastic! Please keep in mind that comments are moderated and rel="nofollow" is in use. So, please do not use a spammy keyword or a domain as your name, or else it will be deleted. Let's have a personal and meaningful conversation instead. Thanks for dropping by!

↑ Back to top